Page layout breaking on product pages on tablet

  • Hi,

    I feel relly bad having already been helped out a few issues over the past few days. This forum has been great in getting me the help I need and I’ve hit another brick wall ??

    My page layout appears to break at around 772px for some odd reason. If you have a look at the link above and test it on an iPad in portrait mode, you’ll notice that the White bar in the header where it says “Delivery Options” will show as “Delivery” in one line and “Options” below. The “Our Locations” in the top left corner also appears to do the same.

    I’ve checked on screenfly, and everything appears to be fine with the white bar above 772px and the “Our locations” is fine above 791px. It’s below this that I have the issue. I think it’s an issue with the page width of some sort but can’t figure out why it only affects the single product pages.

    I use the same header for the entire site, and all other pages including product archives are fine. I’ve tried disabling all plugins which didn’t work. I also removed all page content which didn’t work either.

    The most odd thing I noticed was, I created a normal ‘Page’ in wordpress which worked fine, I then made this page a template and used it (without any editing at all) as a single product page template and it stopped working.

    I switched to the Twenty Nineteen theme which broke a lot of things but did fix this specific issue which leads me to believe it’s an issue with OceanWP.

    Sorry for the long post, I really hope someone can help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    I didn’t see the issue on your site. Can you please share a screenshot of it?

    Thread Starter fudjshop

    (@fudjshop)

    Hi Amit,

    Thanks for the reply. The issue doesn’t appear on desktop or even tablet in landscape mode. It only appears on an iPad held in portrait mode or at certain screen resolutions which I checked on Screenfly.

    I’ve uploaded the screenshots here: https://imgur.com/a/Pwv4Rlo

    Hope it makes sense, it’s just bizarre that a page works absolutely fine when used anywhere on the site but as soon as it is used as a product page, it appears to break

    Thread Starter fudjshop

    (@fudjshop)

    Hi Amit,

    Hiope you’re well. Just wondering if you had a chance to look at the images I uploaded?

    Kind regards,

    Oz

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page layout breaking on product pages on tablet’ is closed to new replies.