Home page floats in mobile

  • Resolved Edwin

    (@mmhgloba)


    4 years, 6 months ago

    Hello, I made some enhancements to my website using the plugin. One change was adjusting the page width larger. I think that may have caused the home page to float in mobile. What I mean is that you when you scroll down you can significantly pull the screen to the left to reveal a lot of white space on the right side of the page. It only seems to occur on the home page. It is more conspicuous in chrome browser than firefox. I am pretty sure this has something to do with the plugin, I did not notice it before I installed it and made the enhancements to page/menu width. Can you assist with some css code to solve the issue? Thank you.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hello Edwin,

    Looks like the extra space to the right of your site is being created by the site-branding but I can’t see why.

    If you add this CSS to “Customizer – Additional CSS” it should solve your problem …

    .site-branding {
display: none;
}

    Let me know if that works for you.

    Oliver

    Thread Starter Edwin

    (@mmhgloba)

    Hi Oliver, I inserted it but it did not fix it. Do you have another solution?

    Plugin Author Oliver Campion

    (@domainsupport)

    It’s being over-ridden … here, this will do the trick …

    .has-header-image.twentyseventeen-front-page .site-branding, .site-branding {
display: none;
}

    Oliver

    Thread Starter Edwin

    (@mmhgloba)

    That was the cure. Thanks!

    Plugin Author Oliver Campion

    (@domainsupport)

    Great news!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Home page floats in mobile’ is closed to new replies.