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

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 11, 2021 at 2:13 am #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.

    June 11, 2021 at 2:44 am #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,

    June 11, 2021 at 2:59 am #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,

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