Home Forums Pro Themes House State Pro I want my site’s menu bar to be sticky.

  • This topic has 2 replies, 2 voices, and was last updated 1 year ago by Psink.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #152414
    James Marak
    Participant

    Dear TP,

    I need to have a sticky menu bar with some transparent background while scrolling down. Of course, I like the House State Theme has created but, that would be nice if I have a sticky menu bar with gold color background transparency. Here’s the link below:

    Allow me to have a sticky menu bar with the gold color transparency while scrolling down the pages.

    I need to have a sticky menu bar with gold color of transparency background while scrolling down.

    Thank You.

    #152421
    Psink
    Keymaster

    Hello James

    Please follow the screen record
    https://www.awesomescreenshot.com/video/4090806?key=f944b2735b43a4cca8868f48b21f91ca

    and add this css to make background color gold transparency

    
    @media screen and (min-width: 1024px){
    .fixed-header #masthead.nav-shrink {
        background-color: #f3b01aad;
        padding: 10px 0;
    }
    }
    

    Regards,

    #152422
    Psink
    Keymaster

    Currently, there is 15px margin-right value for these lines of code in additional CSS

    @media screen and (min-width: 1024px)
    .main-navigation ul.nav-menu > li {
    margin-right: 15px;
    }

    can you please make it -10px so that it menu and logo will align on the same line

    See the difference in screen record
    https://www.awesomescreenshot.com/video/4090806?key=f944b2735b43a4cca8868f48b21f91ca

    and add this CSS for menu item hover color – since current hover color did not match for gold background-color

    .main-navigation ul#primary-menu li.current-menu-item > a, .main-navigation ul#primary-menu li:hover > a, .main-navigation ul#primary-menu li:focus > a {
    opacity: 0.8;
    color: #fff;
    }

    Regards,

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