How can you decrease the spacing between the main menu page links
Hello,
You will have to use the browser inspector and change the css for the menu. Here is a tip oin how to use it: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Well I know how to use the inspect. This is where it is I do believe. But how can I ever find that in the huge css file?
This is where the main menu spacing is…
@media (max-width: 1023px) and (min-width: 768px)
style.css?ver=3.3.1:5711
.sf-menu > li > a {
font-size: 11px;
padding: 0 08px 0 08px;
}
Hello bformhals,
Please keep in mind that the all CSS code is placed in the style.css core file. You will have two possibilities. First one, you should create your code without any spacing and place it in Theme panel->Custom CSS area or the second option is to find through this core file with search function by values and you will find all the media queries which have this -> https://www.screencast.com/t/fhJDFX9oxjpa
Thanks for your understanding!
So should I just use the above code as is but with all zeros in the padding and place that in the custom css?
Ive tried the code above in custom css and it does nothing
Hello bformhals,
Yes, if you do not want to have any paddings in this regard. The rule for padding with 4 parameters it means that ->top,right,bottom,left. Unfortunately, I do not exactly understand what you want to achieve. You should provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response. Also, you would help me a lot if you will give me some useful screenshots where you should show me where exactly you want to make some changes.
Thanks for your understating!
