Menu Module - How to reduce spacing

Site URL: https://www.clublulu.paris/le-bar-resto

Hi, 

I'd like to reduce the spacing between the elements of a menu. How could I please to do so ?

https://www.clublulu.paris/le-bar-resto / mdp : clublulu2024

Thanks very much, 

Lucie

Hey @LucieGbt1993, are you referring to the vertical or horizontal spacing?

Just add this code into pages > web tools > custom css:

.menu-block .menu-selector label{
padding: 5px !important;
}

Here, you can customize the padding size  as you needed to make perfect your site.

Hi @abibacon, 

Thanks very much for your quick reply. I'm sorry if I wasn't clear, I was more talking about the vertical spacing btw each of those elements - inside one of the menu's thumbnail : please see screenshot attached. Would it be possible ? 

Thanks very much, 

Lucie

On 11/28/2024 at 8:44 PM, LucieGbt1993 said:

Hi @abibacon, 

Thanks very much for your quick reply. I'm sorry if I wasn't clear, I was more talking about the vertical spacing btw each of those elements - inside one of the menu's thumbnail : please see screenshot attached. Would it be possible ? 

 

 

Thanks very much, 

Lucie

You can use this to Website Tools > Custom CSS

div.menu-item {
    padding-bottom: 1px !important;
}

Thanks very much for your answer @tuanphan, that worked perfectly. Could you please help me reduce this padding as well please?

Thanks very much, 

Lucie

Perfect thank you very much for your help !