Home Forums Weaver Xtreme Theme Working on small logo on menu when fixed to top

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #70662
    dosolutions
    Participant

    I remember doing this once before, (with your help), I would like to have a small version of the logo show on the menu area (left side) once the menu is fixed to top. A normal logo shows prior to sticking.

    I have the site title showing, prior to being fixed, when I actually want it to show only after the logo shrinks.

    I have copied the code I previously used. But it is not working correctly. Logo is not shrinking…

    Here is a link to the site;

    http://www.etl3c.org/get/

     

    thanks

    #70663
    scrambler
    Moderator

    You have got things mixed up here.
    The custom CSS rules you put in are
    /* Hide site title on menu when not fixed */
    .wvrx-menu-container.wvrx-fixonscroll .site-title-on-menu {display:none !important;
    }

    /* Hide Custom Logo when fixed */
    #nav-primary .custom-logo-on-menu {display:block !important;}
    #nav-primary .wvrx-fixonscroll .custom-logo-on-menu {display:none;}

    The top one Hides the site title when fixed.
    If you want the title hidden when not fixed and visible when fixed, you need to change it to

    /* Hide site title on menu when not fixed */
    .wvrx-menu-container.wvrx-fixonscroll .site-title-on-menu {display:block;}
    .wvrx-menu-container .site-title-on-menu {display:none;}

    As for the Logo, if you want to hide it when the menu is fixed you need to change the second set to just one rule (delete the first one)
    /* Hide Custom Logo when fixed */
    #nav-primary .wvrx-fixonscroll .custom-logo-on-menu {display:none;}

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