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.
Post Reply
maestroc
Joomla! Explorer
Joomla! Explorer
Posts: 358
Joined: Sun Dec 04, 2005 7:27 pm
Contact:

Problems with horizontal menu

Post by 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: 26655
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: Problems with horizontal menu

Post by 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 | இளஞாயிறு மாணிக்கம்
Global Moderators Team | Translations Coordination Team | Tamil (தமிழ்) Translation Team

Eegan - 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

Post by 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: 18908
Joined: Mon Aug 29, 2005 10:17 am
Location: Netherlands/ UK/ S'pore/Jakarta/ North America
Contact:

Re: Problems with horizontal menu

Post by 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)
Joomla's #1 Professional Support Provider:
-> Joomla Professional Support: https://gws-desk.com -
-> Joomla Specialized Hosting Solutions: https://gws-host.com -
Member Joomla Bug Squad & Joomla CMS Release Team

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

Re: Problems with horizontal menu

Post by 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: 142
Joined: Mon Sep 11, 2017 5:18 pm
Location: OH, United States
Contact:

Re: Problems with horizontal menu

Post by 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;
}
Free fastest Joomla themes - https://starazure.com/joomla-templates

Free useful Joomla extensions - https://starazure.com/extensions


Post Reply

Return to “Templates for Joomla! 3.x”