Page 1 of 1
Problems with horizontal menu
Posted: Wed Apr 19, 2017 1:07 am
by maestroc
I'm having an issue on a site I am working on with the main menu showing up like the mobile/vertical one does instead of being horizontal. Site is shown
here.
When at desktop site the menu does not show the hamburger icon. It only appears when the screen is at mobile size. Any idea what is going on here and how I can fix it?
Re: Problems with horizontal menu
Posted: Wed Apr 19, 2017 2:48 am
by imanickam
Reviewed the site... Try the following:
- In the screen "Modules: Site" (Extensions => Modules) open the corresponding/appropriate menu module for Edit
- In the tab "Advanced", for the option "Menu Class Suffix", enter the value " nav-pills" - of course, without double-quotes; there should be a space before the text string nav-pills and hence shown enclosed within double-quotes
- Save the settings
Re: Problems with horizontal menu
Posted: Thu Aug 10, 2017 9:11 am
by ag0g0girl
I don't want nav-pills, I want plain old fashioned text in a footer menu.
Re: Problems with horizontal menu
Posted: Thu Aug 10, 2017 9:26 am
by leolam
You asked for what MIG answered
When at desktop site the menu does not show the hamburger icon. It only appears when the screen is at mobile size. Any idea what is going on here and how I can fix it?
And I see on that site a footer menu so what do I miss?
Leo
Re: Problems with horizontal menu
Posted: Wed May 16, 2018 10:35 am
by ruiterf
I'm having similar issues. I tried to use ' nav-pills', 'nav-pills' and some other options that I found on the internet.
I do see the layout (font etc) change, but the menu is still vertical and not horizontal.
Can somebody help me?
I'm using the latest Joomla version. My website can be found here:
www.everythingstartswithdata.nl
At the bottom of the page there is a menubar with 'Disclaimer', 'Copyright' and 'Cookies'. This one should be a horizontal menu.
Who know how to solve this?
Re: Problems with horizontal menu
Posted: Thu May 17, 2018 1:54 am
by starazure
ruiterf wrote:I'm having similar issues. I tried to use ' nav-pills', 'nav-pills' and some other options that I found on the internet.
I do see the layout (font etc) change, but the menu is still vertical and not horizontal.
Can somebody help me?
I'm using the latest Joomla version. My website can be found here:
http://www.everythingstartswithdata.nl
At the bottom of the page there is a menubar with 'Disclaimer', 'Copyright' and 'Cookies'. This one should be a horizontal menu.
Who know how to solve this?
You cant just use a class "nav-pills" when your template does not even load the css for that class. You have a LOT of css and js files in your template but you dont have bootstrap. Load bootstrap and your html is fine.
Class like below are missing from your css.
Code: Select all
.nav>li {
position: relative;
display: block;
}
.nav-pills>li {
float: left;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}