Problems with horizontal menu

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
maestroc
Joomla! Explorer
Joomla! Explorer
Posts: 349
Joined: Sun Dec 04, 2005 7:27 pm
Contact:

Problems with horizontal menu

Postby maestroc » Wed Apr 19, 2017 1:07 am

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?

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 26487
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: Problems with horizontal menu

Postby imanickam » Wed Apr 19, 2017 2:48 am

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
- Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged

ag0g0girl
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Mon Feb 23, 2009 2:02 pm

Re: Problems with horizontal menu

Postby ag0g0girl » Thu Aug 10, 2017 9:11 am

I don't want nav-pills, I want plain old fashioned text in a footer menu.

User avatar
leolam
Joomla! Master
Joomla! Master
Posts: 18717
Joined: Mon Aug 29, 2005 10:17 am
Location: Netherlands/ UK/ S'pore/Jakarta/ North America
Contact:

Re: Problems with horizontal menu

Postby leolam » Thu Aug 10, 2017 9:26 am

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 8)
Celebrating 12-Years of Professional Joomla Support Services
- Joomla Professional Support:https://gws-desk.com -
- Joomla Specialized Hosting Solutions:https://gws-host.com -
- Member Joomla Bug Squad & J-CMS Release Team

ruiterf
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed May 16, 2018 10:27 am

Re: Problems with horizontal menu

Postby ruiterf » Wed May 16, 2018 10:35 am

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?

User avatar
starazure
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 101
Joined: Mon Sep 11, 2017 5:18 pm
Location: OH, United States
Contact:

Re: Problems with horizontal menu

Postby starazure » Thu May 17, 2018 1:54 am

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;
}


Return to “Templates for Joomla! 3.x”

Who is online

Users browsing this forum: No registered users and 7 guests