Mobile version of homepage not displaying correctly

  • cokamura

    (@cokamura)


    10 years ago

    Hi,

    I think this is a great theme! I’m not quite sure what might be wrong, but when I view our website on my phone, the margins and position of all content are scattered on the homepage. The rest of the pages on the site display as expected. The desktop version displays totally fine. Any ideas on what I may have overlooked when I updated the css or php files?

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

  • Can you post a link to your site?

    Thread Starter cokamura

    (@cokamura)

    https://www.financefactors.com/realtors

    I have a PNG file located in the header section which displays fine on a desktop, but when it’s on a mobile device, it positions itself below and outside the header. Would really appreciate any suggesions.

    In the media queries, at the screen size of 420px, a width of 100% is being applied to the selector #top-bar .mobile-one. That’s causing the other image to bump down. If you add css to change that from 100%, it should fix your issue.

    Thread Starter cokamura

    (@cokamura)

    Unfortunately, changing the width from 100% didn’t work. I think it might be because of where I placed the overlay graphic in the header.php file. The graphic resides in a different container than the header’s green watermark background.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile version of homepage not displaying correctly’ is closed to new replies.