Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #806327

    hi is it possible to hide the nav text on a site when the transparent header is showing?

    So the same behaviour as can be seen on this site

    https://www.alphaclothing.co/

    no site nav text is seen at first but when user scrolls down they can then see it against the nice white background

    Finally is it possible to center align the site nav text in the same way of this site? If so could you advise the css for this please?

    #806338

    hey guys i know this is ridiculous but ive solved the above questions on my own and in particular with regards to the center of nav bar I think this is the most elegant way to achieve it.

    I had seen other posts discussing 50% margins etc but none are as accurate as this is to perfectly place the nav in the center if you want it on the same row as the logo.

    Okay first up to hide the nav text on transparent mode I used

    
    /* Removes the NavBar from the transparent header */
    #top .av_header_transparency .avia-menu {display: none;}
    

    And to center nav I used

    
    /* Some css to make the NavBar center align */
    .main_menu ul:first-child {
        display: inline-block;
        width: auto;
    }
    
    .main_menu {
        text-align: center;
        width:100%;
    }
    
    .avia-menu {width:100%;}
    
    #806344

    Hi,
    Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘hide nav text’ is closed to new replies.