In case you can't login to submit a ticket, please hard refresh the browser and try to login again.
If the problem persists, please send us a message to email [email protected] so we can help you out.
To update the theme or plugins, please have a look on the article here: Theme & Plugin Updates. Also, if you can't import the demo content or the site is blank, please see our FAQs page for the solutions. Thank you :)

Tickets Tickets Roneous Nav bar and submenu settings when page is scrolled

This topic contains 7 replies, has 2 voices, and was last updated by  Danny 3 weeks, 6 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #7521

    Hi, I have a few questions regarding the nav bar submenus and I wasn’t able to find the answers I’m looking for so hopefully you can help…

    1. Right now my nav bar background is transparent when my header is visible, and then the background color becomes white when I scroll below the header. The submenu background color is also transparent, but it stays this way even when I below the header and then I can’t see the submenu anymore because the colors are too similar to my page background. So how do I change the submenu font and background colors when I am scrolled below my header?

    2. How do I change the nav menu and submenu background colors for mobile? It’s transparent on desktop only, but otherwise default settings on other views, and I would like it all to match the desktop version.

    3. When I hover over an item in my nav bar in desktop view, the submenu opens doesn’t open directly below – how do I adjust the position of the submenu? It’s hard to keep the submenu open when it’s so far to the left.

    Thank you!

    #7530

    Danny
    Supporter

    Hi there,

    Thanks for writing in!

    About this issue, you can try to deactivate all your plugin (once by once, except WPBakery Page Builder and TLG Framework) to see if the problem is gone or not.

    If the problem persists, please share us the admin account of your site via private reply so we can investigate your case and help you out. Also, please point to specific page where we can see the problem. Any screenshots would be welcomed!

    Best regards,
    Danny

    #7737
    This reply has been marked as private.
    #7772

    Danny
    Supporter

    Hi there,

    Thanks for your info!

    I’ve just checked your site and see that you’ve added some custom CSS code about the menu here: https://ibb.co/FVbWBHG

    So could you please remove those custom CSS code and try again.

    If the problem persists, please share us the admin account of your site via private reply so we can investigate your case and help you out.

    Best regards,
    Danny

    #7874

    Right now with this code the nav menu background appears at 50% opacity after two clicks down on my scroll wheel. Then the background changes to 100% opacity after scrolling down one full page:

     .site-scrolled .nav-container nav.transparent {
    	background-color: #fff;
    	opacity: 0.5;
    }
    
    .nav-container nav.transparent.nav-show {
    	opacity: 1;
    } 

    How do I decrease the amount of scrolling required for the second change to 100% opacity?

    • This reply was modified 1 month ago by  kookylaine. Reason: Added more information
    #7881

    Danny
    Supporter

    Hi there,

    Thanks for your info!

    To resolve this issue, you could add your custom CSS code to your Dashboard > Appearances > Customize > Addition CSS:

    .site-scrolled .nav-container nav.transparent {opacity: 1;}

    Hope this helps,
    Danny

    #7887

    That overwrites the 0.5 opacity that I already have in my code. That isn’t what I want.

    I want to change the scroll distance/amount required for the behaviour of “.nav-container nav.transparent.nav-show” to take effect

    #7890

    Danny
    Supporter

    Hi there,

    Regretfully this isn’t a feature offered by the theme, the default nav-show appease when the scroller meet the first section. It could be possible with custom development, but this would be outside the scope of support we can offer because we need to modify the script files of the theme. We’ll consider to add this feature as an option in the next theme updates.

    If you want to make custom changes to the theme that requires theme modification, behaviour changes or 3rd party plugin integration, we suggest that you hire a developer. Here are some good places to find a WordPress Freelancer: Envato Studio (https://studio.envato.com/), Codeable (https://codeable.io/), WPMU (https://premium.wpmudev.org/wordpress-development/)

    Thanks for your understanding. Take care!
    Danny

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.