Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #395149

    I would like to reduce the font size of my menu on scroll so it still fits within the header. Right now it overlaps, how do I do that? My site is: http://perduemarine.com/

    #395156

    Hi alex5252!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled .av-main-nav > li > a {
    font-size: 15px!important;
    }

    Best regards,
    Yigit

    #395160

    Thanks! Is there anyway to make it a smoother transition rather than just a rapid jump from big to small?

    #395168

    Hey!

    Please change the code to following one

    .header-scrolled .av-main-nav > li > a {
    font-size: 15px!important;
    transition: font-size .3s ease-in-out;
    -webkit-transition: font-size .3s ease-in-out;
    -moz-transition: font-size .3s ease-in-out;
    -o-transition: font-size .3s ease-in-out;
    }
    #top #header .av-main-nav > li > a {
    font-size: 30px;
    transition: font-size .3s ease-in-out;
    -webkit-transition: font-size .3s ease-in-out;
    -moz-transition: font-size .3s ease-in-out;
    -o-transition: font-size .3s ease-in-out;
    }

    Best regards,
    Yigit

    #395169

    PERFECT! Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Make menu shrink with header on scroll’ is closed to new replies.