Topic Resolution: Resolved
  • Closed
  • Diana N
    Spectator
    June 18, 2015 at 9:23 pm #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
    June 19, 2015 at 6:30 am #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
    July 21, 2015 at 12:05 am #19062

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

    Diana