End of Support for Joomla 3 - Forum closed

[SOLVED] How to change from vertical to horizontal menù

Hi guys,

I have just bought the template.
I have one problem about the main menù in position 'top_main'... it is displayed in vertical but I want to have it in an horizontal position.
I have tried to put in module setting 'nav-pills' (with space before) but nothing is changed...

How can I fix it?
Attachments:

Please Log in or Create an account to join the conversation.

  • cg
  • cg's Avatar Offline
  • Gold Boarder
  • Gold Boarder
  • Posts: 182
  • Thank you received: 53

Replied by cg on topic How to change from vertical to horizontal menù

Posted 5 years 11 months ago #22206
Hi Stefano,

in the Demo-Version of Folio the menu is horizontal as required.
I think your menu-items are too long.

Greetings,
cg
Last Edit:5 years 11 months ago by cg
Last edit: 5 years 11 months ago by cg.

Please Log in or Create an account to join the conversation.

Replied by Stefano Guida Meloni on topic How to change from vertical to horizontal menù

Posted 5 years 11 months ago #22207
Hi Cg,

also with small menu-items is still the same...

Attachment menùproblem-2.jpg not found

Attachments:

Please Log in or Create an account to join the conversation.

  • cg
  • cg's Avatar Offline
  • Gold Boarder
  • Gold Boarder
  • Posts: 182
  • Thank you received: 53

Replied by cg on topic How to change from vertical to horizontal menù

Posted 5 years 11 months ago #22212
Hi Stefano,
the site is not online yet?
by cg

Please Log in or Create an account to join the conversation.

Please Log in or Create an account to join the conversation.

  • cg
  • cg's Avatar Offline
  • Gold Boarder
  • Gold Boarder
  • Posts: 182
  • Thank you received: 53

Replied by cg on topic How to change from vertical to horizontal menù

Posted 5 years 11 months ago #22235
Hi Stefano,
add the following code to your custom.css.
As you see in the attached picture, my browser (chrome) shows the menu-items horizontal.
Make a test in Firefox and IE too.
Code:
ul.uk-nav.uk-nav-parent-icon.uk-nav-side { display: -webkit-box; display: -ms-flexbox; display: flex; }
Last Edit:5 years 11 months ago by cg
Attachments:
Last edit: 5 years 11 months ago by cg.
The following user(s) said Thank You: joomlaplates

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License