Want To Add One More Menu Item In Menu, It is Going To The Next Line And The Whole Alignment Looks Funny. - Question | JoomShaper

Want To Add One More Menu Item In Menu, It is Going To The Next Line And The Whole Alignment Looks Funny.

N

nagesh

Helix Framework 2 months ago

Want to add one more menu item in Header Menu in root. When i do that the whole menu is moving. How to decrease the menu width to accomodate one more menu item.

0
2 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #149427

Hi there!

Thanks for reaching out to us.

This is happening because of the menu column then cannot fit in the defined space. There is a huge padding among menu items.

https://prnt.sc/jxxyzVLwYg7_

You can simply lower the padding value as per your need to get a better view even when you need to add more menu items there.

Here is sample code that you need to put in the custom CSS:

#sp-header.header-with-modal-menu .menu li:not(:last-child) {
    padding-right: 20px;
}

Here is all about custom code placement in Helix Ultimate framework: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #149876

Thanks for ccepting the answer:)

Have a nice day!

0