mobile menu covered/not viewable

  • Please see attached photos, taken from android mobile phone in chrome and duck-duck-go browsers. Firstly, the menu bar appears off screen top-right and requires I move the screen to see the toggle menu.

    Then upon selecting the menu, the 2 options are cut off with the 2nd option (‘Donate’) appearing partially.

    What settings do I need to change to ensure the toggle menu appears by default in view and the actual menu links are accessible/viewable?

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

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

  • Hi @drnwd6,

    I have reviewed your website and it seems that the issue is coming from the Transparent Header enabled on the website. Could you please try deactivating it for the mobile view by navigating to Customize > Header Builder > Transparent Header? The attached documentation will help you with a visual representation of the steps. [Link to Documentation]

    Additionally, also make sure to update the Astra theme to the latest version and then test it again.

    Hope this helps!

    Kind regards,
    Aradhy ??

    Thread Starter drnwd6

    (@drnwd6)

    Thank you. I do not see in this document how to disable on mobile and then have an option to ensure customization for the menu. So I went to the customize–>header–>transparent header and then, under the words ‘Enable On’, I checked off ‘desktop’ instead of what was there before ‘Desktop + Mobile’. But it does not seem to have made a difference.

    Hi @drnwd6,

    I checked it and it appears that the menu items are appearing fine now. Refer to this screencast, please.

    Let me know if I missed anything.

    Kind regards,
    Aradhy ??

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