Luxyort Template - display of menu items on home page - Forum | JoomShaper
Solved Templates

Luxyort Template - display of menu items on home page

Asked by hillary_h 3 months ago Last activity 3 months ago

Hi.

The menu items need to be tighter - closer together. they are too far apart.

How do i do that?

See this image. https://prnt.sc/YgDUfRreLrh0

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 months ago

Hi there!

Thanks for reaching out.

Would you please share your site url here to check the issue for you? However, the following code in your custom CSS should work:

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

You can reduce the value of the menu item font size and padding among the items both in the following code.

Please check the below link for references:

https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-reduce-space-between-menu-items

Best regards,

5 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 months ago

Hi

Thanks for contacting us. Could you please give me your site URL so that I can check?

-Regards.

hillary_h Asked this
3 months ago

See in hidden info

Rashida Rahman Staff
3 months ago

Did you try the custom CSS that I have suggested at the first place, please?

hillary_h Asked this
3 months ago

Worked beautifully

https://prnt.sc/uv6n48GVZt6M

Thank you!

Rashida Rahman Staff
3 months ago

Hello,

Glad that I could help and you are always welcome:)

You may accept the most useful answer in order to close the post.

Have a nice day!

Rashida Rahman Staff
3 months ago

Thanks for accepting the answer:)

Wish you Good Luck!

Log in to reply.