Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #539361

    My drop down menu font and spacing on my website is a bit too big (doesnt fit on page) I had a server error and had css in to fix this before but now it is back to what it was like originally.

    I would like to decrease font size and the padding between sub menu items

    I have tried

    .sub-menu{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    }
    .sub-menu li > a {
    font-size: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
    .avia_mega_div .avia-bullet{
    margin-top: 8px;
    }
    .avia_mega_div .avia-bullet { margin-top: 9px; }
    #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 12px 0px 12px; }

    and nothing has happened, cleared cache etc

    #540495

    Hey chrissargent48,

    You should be able to change the font of your submenu under Enfold–>Advanced Styling. Did you try that?

    Regards,
    Rikard

    #547466

    I change the size at advance styling but nothing happen.

    #547559

    Hi,

    Please try the following instead:

    #top #header .mega_menu_title a {
        font-size: 10px !important;
    }

    Thanks,
    Rikard

    #549579

    Hi Rikard
    Sorry to ask a beginner question again, can you teach me how to use that code? where should I find the place to paste it?

    Thanks and Regards
    Hanafi

    #549700

    Hey!

    Please go to Enfold theme options > General Styling and scroll down to bottom and insert the code into Quick CSS field.

    Regards,
    Yigit

    #550050

    Hi Yigit,

    It works! Thank you so much..

    Regards
    Hanafi Sarif

    #550224

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

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