Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Replace Top1 With Horizontal Menu

Featured Lock Resolved
Hi

I've unpublished the 'Have any questions click here' module at Top1 and replaced this with a menu. Works fine but unfortunately appears vertically not horizontally.

Is there any built in template css to display this horizontally with minimal styling?

I've tried adding 'nav' to menu class suffix and module class suffix with no luck

Cheers

C

Attachments (1)

  • Screen Shot 2018-01-19 at 09.57.43.png
    Screen Shot 2018-01-19 at 09.57.43.png 14.2 KB

9 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Please remove the content property from .sp-module ul >li >a:before to remove the arrow sign in left. You will find it in template.css, even you can override it in custom css

.sp-module ul >li >a:before {
font-family: FontAwesome;
content: "\f105";
margin-right: 8px;
}


-Thanks

c

More than a month ago #Permalink
Nearly there... in menu class suffix need to use:

nav nav-pills

Which gives a horizontal menu, unfortunately this is styled as pills. Any top tips to strip out all the formatting including the > symbols?

I'm tinkering in custom css for the template but can't seem to get rid of everything...

Attachments (1)

  • Screen Shot 2018-01-19 at 11.16.12.png
    Screen Shot 2018-01-19 at 11.16.12.png 7 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
Please share your site url here.

-Thanks

Rafael

More than a month ago #Permalink
Hi there!
I'm really desasperated because of the same problem as "c".
My problem is when I create a multi-language page.
The Main Menu of the template is always "wonderful". Then I create the menus for the different languages; Spanish, English...and I create the "modules" for each menu. Even if I copy exactly the seetings of the menu module of the Main Menu, it NEVER takes the same design.
First, my new menus are vertically oriented. When I use nav-pills, Even if I gte a horizontal menu, it's very ugly and does not fit at all with the template.
During years, what I have done, it's create a custom module, putting ALL links manually...big disaster!
I would like to find a definitiv solution for this problem, without beng obliged to change the CSS...
Thanks in advance for your help!,

Rafael

More than a month ago #Permalink
I have un published the menu, I attached an image to show the menu, with the css nav-pills.
It's in black color, so I need to select it, to be able to see it!!!
Than you for your quick reply. It'very very urgent

Attachments (1)

  • menu-nav-pills.png
    menu-nav-pills.png 0 KB

Andreas Kunze

More than a month ago #Permalink
Hi,

this is a very interesting support request because I would like to use a horizontally menu as meta navigation above the main menu too.

It would be great if there will be post a solution for that.

Thanks in advance

Best regards

Andreas

c

More than a month ago #Permalink
Easier to use the 'Art Responsive Menu' module for this in the end.

C

Rafael

More than a month ago #Permalink
Well.....thanks Sifat, but I wanted a solution without changing the CSS.
Thank you also to you "c" for the idea for the Art Respons. Menu, although this is a little bit too basic.

But ...EUREKA! I found a solution for the languages. When you create the menu in different languages, do not give any "position" to the module of the "home" of each language. Instead, you go to each template (you have created a template for each language) and there, you choose the Menu of the language and other settings. And, voilà, you have a beautiful menu, as the main menu for all languages.
I hope this solution helps anybody. I'M SURE!

hip, hip...


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 125
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 117
Toufiq

Toufiq

Total Accepted Answers: 62
Pavel

Pavel

Total Accepted Answers: 5
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us