Awaiting an answer SP Page Builder

Space between one menu item and another

Asked by P.C. 2 years ago Last activity 2 years ago

Hi everyone,
I need some help.

I would like to reduce the space between one menu item and another in the mega menu, but I don't see any possibility of padding or margin, is it possible to do it somehow?

Thank you very much to all,

11 replies

Mehtaz Afsana Borsha Staff

2 years ago

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?

-Regards.

P.C. Asked this

2 years ago

Hi MiBa, thanks for your reply (and excuse my ignorance), where should I enter this code?

P.C. Asked this

2 years ago

Hi Miba, I imagined it, but it didn't work for me. My template is Helix Ultimate. Do you think the problem is max-width?

Paul Frankowski Senior Staff

2 years ago

In that case use:

 .sp-megamenu-parent > li > a, 
 .sp-megamenu-parent > li span  {padding: 0 10px; }

Add inside Template Options > Custom Code > Custom CSS

we have that informations inside Helix documenation :)

Default value is 0 15px

P.C. Asked this

2 years ago

Help me Paul, please! :-)

P.C. Asked this

2 years ago

Hi Paul, thanks as always.

The space I would like to reduce is not horizontal, it is vertical.

Trying to change the padding with the code you provided me changes the distance between one item and another horizontally.

I would like to change the distance, vertically, between the menu items that appear after opening the drop-down menu.

I attach you a screenshot. Unfortunately I can't give links, the new site is still local.

Thank you again,

Pablo

https://insoundstudio.com/-%20padding.jpg

P.C. Asked this

2 years ago

Any suggestions?

Paul Frankowski Senior Staff

2 years ago

Is that a module?

if yes, check it's class name and then knowing that you will be able to change padding or line-height.

BTW

Have you ever heard about Code Inspector to preview CSS code? Just use your browser tool.
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

P.C. Asked this

2 years ago

I believe the class is this: sp-dropdown-inner.

If I change the color it works, it changes the backgrond color; if I modify the padding-left it works, it increases or reduces the distance from the left; but if I change the top or bottom padding it doesn't work!

I don't know Paul, I'm really quite ignorant on the subject!

Paul Frankowski Senior Staff

2 years ago

If you decided to build website, you cannot be "ignorant on the subject". Study more.

If I don't see code, I cannot help.

P.C. Asked this

2 years ago

What is your answer?

I'm using a page builder and doing my best.

What I'm asking is a simple thing that should be able to be done without code, but it doesn't matter if you don't know how to do it yourself.

You don't need the code: I told you what I want to do and attached a very clear image (no one responded for days); you asked me for the class, and I provided it above.

In this tread you have only given wrong answers (and you have deleted some).

You have always been kind up until now, I don't understand your attitude now.

Paul Frankowski Senior Staff

2 years ago · edited

Helping without access or URL is HARD. Put yourself in my place. So, don't be surprised if I got slightly annoyed.

Show me that area from your site, I need CODE part, not how your submenu looks like, I saw it already ;p

This is screenshot from Code Inspector (Firefox) - example site. I need that from your site.

Besides on the right column you should see padding or line-height values that are used there.