Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 29, 2018 at 9:40 am #991030
    Vaida

    Hello, I want to make my mobile menu items smaller and delete menu items descriptions (they were in demo theme which I have chosen for my web).

    July 29, 2018 at 5:52 pm #991132
    Victoria

    Hey Vaida,

    Do you want to remove descriptions at all or just on mobile?

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-hamburger-box {
    width: 25px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 30, 2018 at 8:44 am #991437
    Vaida

    Hi,
    I have tried to do as you say, but it is not helping. Could you check it again please?
    And yes, i want to remove all menu items descriptions in all versions.
    Thank you. :)

    July 30, 2018 at 5:07 pm #991597
    Victoria

    Hi mamaimam,

    To remove descriptions you need to go to the Appearance > Menus and clear the Description field in the menu items
    Image 2018-07-30 at 18.04.34.png

    If you don’t see the field, you need to check it in the screen options
    Image 2018-07-30 at 18.05.27.png

    Add this code too

    
.av-hamburger-inner, 
.av-hamburger-inner::before, 
.av-hamburger-inner::after {
    height: 2px;
}

    Best regards,
    Victoria

    • This reply was modified 6 years, 3 months ago by Victoria.
    July 30, 2018 at 6:57 pm #991671
    Vaida

    I am ashamed to ask once again, but the code is not working. Mobile menu items still very large..

    July 30, 2018 at 7:25 pm #991679
    Jordan Shannon

    Hi,

    Add this to quick css:

    #av-burger-menu-ul li a{
font-size:12px!important;
}

    Just adjust 12px to whatever you prefer.

    Best regards,
    Jordan Shannon

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