Navigation menu changes into a light colour on mobile device when scrolling

  • Resolved strikwerda87

    (@strikwerda87)


    7 years, 2 months ago

    Hi,

    I’m sorry if this issue was already posted, I searched for it but couldn’t find anything so far.

    When I go to Customiser and change the size of the website to tablet or smartphone, the layout of the website changes, which is perfect. However, when I click on the menu (top right), and then a sub-menu, and then scroll on the page, the menu becomes white, which makes it really difficult to read the menu. This happens in different browsers and also on different phones.

    My website is currently under construction so it’s not public.

    How can I solve this problem?

    Thanks in advance!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author themevision

    (@themevision)

    Hello, @strikwerda87!

    Which version Agama theme you use? (current version is 1.3.0)

    You can set the mobile menu background color in:

    Customizing->Styling->General->Primary Color

    https://prnt.sc/gf9tmd

    …to change mobile menu links color, go to:

    Customizing ? Navigations ? Navigation Mobile and change the Links Color.
    https://prnt.sc/gf9sm8

    Make sure you have the latest version installed first.

    Regards

    Thread Starter strikwerda87

    (@strikwerda87)

    Hi,

    Thank you very much for your reply. I use the 1.3.0 version of the Agama theme.

    However, I can’t seem to change the colour when the menu scrolls down. Please find screenshots of my issue here.

    Thank you in advance.

    Theme Author themevision

    (@themevision)

    Hi,

    It looks like a bug.
    We will fix it in the next theme update.

    Until you fix it, you can add a custom CSS code to:

    Customize-> Additional CSS

    code:

    header.shrinked nav ul li ul {
    background-color: #9F9F96 !important;

}

    https://prnt.sc/gfb110

    Change the color code per you need.

    Regards

    Hi Team Agama,

    Thanks for your support, this problem has be done.
    this scripts its work!!!

    header.shrinked nav ul li ul {
    background-color: #9F9F96 !important;

    }

    Thankyou.
    Regards,

    Admin GKPS Cijantung

    Thread Starter strikwerda87

    (@strikwerda87)

    Thank you very much, it works!

    Thank you very much Devs (@themevision)!

    I just found this bug when a friends asked me why his menu didn’t work and now I see you already fixed it (-: Great! Thank you for being active!

    P.S.: As my mobile menu has a different color set as the normal menu, I had to adapt the code posted above to only change the mobile menu:

    header.shrinked nav.mobile-menu ul li ul {
    background-color: #DDDDDD !important;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Navigation menu changes into a light colour on mobile device when scrolling’ is closed to new replies.

Tags