Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Submenu centered, with responsive width

Submenu centered, with responsive width 22 Dec 2016 13:52 #39362

  • Krx
  • Krx's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 0
Hello

Do you have suggestion what's the best way to:

1. center submenu so that's its always centered below main menu?
Atm I'm using negative X, but this doesn't look good in responsive layout

2. How to make submenu width responsive? Assign css and use mediaqueries?
This is also related to 1st question.

3. Make submenu width the same width like main menu? Its also related to questions 1 and 2


Thanks.
Regards

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

Submenu centered, with responsive width 22 Dec 2016 15:17 #39367

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 25706
  • Karma: 427
  • Thank you received: 3234
Hi
you can use the layout "fullwidth" that you can select in the advanced options of the module. It will be fullwidth of the menu, from left to right, in fact centered :)

you can also learn about mediaqueries with my free turorial for mobile
www.joomlack.fr/en/joomla-documentations...e-joomla-for-mobiles

CEd
Joomlack Webmaster and Developer

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

Submenu centered, with responsive width 22 Dec 2016 18:18 #39372

  • Krx
  • Krx's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 0
Hi

This is not the solution because:

- I do not want all submenus to be in full width, only specific ones with many items.

1. On few top level ones I need to have submenus in full width
2. on few ones I need to have submenus width 70% percent of available space and centered
3. and I need mediaqueries also on few of them only. Not on all of them

Thanks
Regards

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

Submenu centered, with responsive width 22 Dec 2016 19:08 #39373

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 25706
  • Karma: 427
  • Thank you received: 3234
with maximenu params you can apply the fullwidth class to only one submenu if you want
else you can use my tutorial :)
Joomlack Webmaster and Developer

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

  • Page:
  • 1
Time to create page: 0.223 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 781 guests and no members online