Horisontal Menu - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Horisontal Menu

SL

Sissel Lundeby

Helix Framework 3 years ago

Hi, I have include a menu and given it the Menu Class Suffix " nav-pills" to get it displayed horisontal. However, it's still displayed vertical. See https://arbeid4.joomla4.no/kurs/kursoversikt It's the menu displaying "Klasse, Nettmøte, Nettkurs" I want to change to horisontal. Can you help me?

0
2 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #77147

If I may...

I just used method "How to create second top menu" described by me here:

https://www.joomshaper.com/documentation/helix-framework/helixultimate/faq-how-to-do

and it works as you may see.

Extra custom CSS that I used from lazyness .menu.nav.navbar-nav.navbar li {margin-right: 15px;}

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #77123

Hi there!

You can use the following code in your custom CSS:

ul.menu.nav-pills {
    list-style-type: none;
    display: flex;
}
ul.menu.nav-pills li{
padding-right: 10px;
}

Hope this will solve the issue for you!

You may use the navigation addon of the SP Page Buider Pro either!

Best Regards

0