Background Image Displaying Incorrectly in Mobile View

[deliciousfromscratch]

Hi!

I am using the Foodie Pro theme. I have disabled the mobile view by removing the applicable parts of the functions and style files, but the background image is not displaying correctly when I view it on my mobile. I didn't notice for a while because I had the image set at top left, which looked fine, but now I have moved it to top right, it does not display up against the right side, rather it ends in the middle of the sidebar. The Hello Bar I am using is also following this alignment.

This is happening on my iPhone, but I have not been able to recreate this issue when viewing the 'mobile view' of the site with developer tools on a desktop browser.

I have tried various CSS tweaks and have trawled the internet for ideas, but haven't come up with anything.

Any help would be much appreciated!

http://www.ramsonsandbramble.com/

[deliciousfromscratch]

In case anyone else is having this problem, I solved it with the unbelievably valuable help of this website:

http://www.geek.ng

I needed to add this to my functions file:

//* Add custom Viewport meta tag for mobile browsers
add_action( 'genesis_meta', 'sp_viewport_meta_tag' );
function sp_viewport_meta_tag() {
echo '<meta name="viewport" content="width=1139px"/>';
}

The width was set to match the width of my desktop site.

[raphealen]

It worked thanks https://www.raphblog.com.ng

[Author]

Posts