[Resolved] Mobile menu bar vertical alignment issue

Home Forums Support [Resolved] Mobile menu bar vertical alignment issue

Home Forums Support Mobile menu bar vertical alignment issue

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1578286
    Nick

    Hi – Am just configuring the mobile menu bar and there seems to be a vertical alignment issue going on when < 768px. The screenshot shows the issue clearly and link is below. Could you help on this please?

    #1578885
    Leo
    Staff
    Customer Support

    Hi there,

    I’m seeing something weird going on in your site.

    The mobile header color isn’t filling the entire mobile header height:
    https://www.screencast.com/t/GyP6xSz02

    Can you disable all your custom CSS so I can have a cleaner look?

    #1578915
    Nick

    thanks Leo – custom css all removed

    #1578956
    Leo
    Staff
    Customer Support

    Can you try re-cropping the mobile header logo so there isn’t that much extra padding on the right?
    https://www.screencast.com/t/jrvUXM9JGk

    #1578974
    Nick

    thanks Leo…it is an svg being used with no padding to the right…see screenshot below

    #1578977
    Leo
    Staff
    Customer Support

    That’s not what I’m seeing:
    https://www.screencast.com/t/xhrbOINokZb

    Are you sure that image you are showing is uploaded as the mobile header logo?
    https://docs.generatepress.com/article/mobile-header/

    #1578986
    Nick

    We only have one white svg image on the server (See screenshot), however have removed it and re-added the mobile header image (see other screenshot).

    #1578999
    Leo
    Staff
    Customer Support

    I’ve hard cleared my browser cache a couple of times but the image you are showing is definitely not what I’m seeing in the live site:
    https://www.screencast.com/t/Q2QBs2Iems

    Are you using any caching plugins or server caching?

    #1579007
    Nick

    that is strange, screenshot of what I’m seeing is below. No caching is enabled.

    #1579046
    Leo
    Staff
    Customer Support

    Yeah I tried the browser incognito mode as well.

    Can you disable all plugins except GP Premium to test first?

    #1579051
    Nick

    Have done as requested. To note, when I disabled “generateblocks” it seems the issue where the menu bar was not vertically aligned correctly has remedied.

    #1579138
    Nick

    Hi Leo – An update, I believe I have found the issue here. In summary the first generateblocks container on the various pages had a mobile margin of -9px which was covering part of the mobile menu. Thanks for the investigation on this.

    #1579183
    Leo
    Staff
    Customer Support

    Sounds good 🙂

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.