How to edit menu settings via override.css ?

How do I change the distance (reduce) the menu items? picture 1

menu1.png

How do I change the font size from the drop down menu? picture 2

menu2.png

Hi,

Use this css code:

Code: Select all

div.gk-menu ul > li, div#gkDropMain ul > li{
margin-right: 0 !important;
}
#gkMenu ul.level0 > li > div.childcontent li span.menu-title{
font-size: 14px;
}


I have this in the css code to change the size of the menu.

Code: Select all

div.gk-menu > ul.level0 > li > .childcontent .gkcol, #gkMenu ul.level0 > li > div > div.childcontent-inner {width: 230px !important;}

and This code -

Code: Select all

#gkMenu {font-size: 17px;}

Can I combine this code with yours?

Just put my code to override.css, you don't need to combine them. Let me know if it works.

Thank you! Its All Work!

Glad it could help you. Feel free to let me know if you need any other helps.

Have a nice day!

Glad it could help you. Feel free to let me know if you need any other helps.

Have a nice day!

Good day! You can turn your attention to this subject -
https://www.gavick.com/support/forums/119/13447.html

For sure, let me check!