Topic Resolution: Resolved
  • Closed
  • Diana N
    Spectator
    18.06.2015 at 21:23 #18342

    Hi Denzel,

    On more small issue that I see from the upgrade which is on our mobile menu. Alok added custom css to reduce it down to a 3 line icon without the menu word. Now you see from my screenshot the Menu word is back and it made the icon longer. Can you give me the css to fix this and where to remove the menu word?

    optimist mobile view

    http://oregonoptimist.com

    Here is the custom css I have right now:

    .mobile-selector span{color:black;}
    .mobile-nav-holder .mobile-selector, .mobile-topnav-holder .mobile-selector {background:none !important; background-color:#FBFBFB !important; float: left !important; width: 40px; border-radius: 6px !important;}

    Thank you for your help,

    Diana

    Denzel Chia
    Moderator
    Posts: 2656
    19.06.2015 at 06:30 #18343

    Hi,

    Please use the following, in addition to what you already have.

    .mobile-selector {
    height: 40px;
    overflow: hidden;
    }
    .mobile-selector .t4p-icon-bars {
    position: relative;
    top: -5px;
    }

    Thanks!
    Denzel

    Diana N
    Spectator
    Posts: 45
    21.07.2015 at 00:05 #19062

    Perfect Denzel……….thank you so much for fixing this for me!

    Diana