Menu alignment on different screen sizes

Menu alignment on different screen sizes was created by BobRoberts

Posted 3 weeks 5 days ago #71010
Hello
I am not sure if this is a Maxi Menu or Maxi Menu mobile question sorry so am putting it here. We use both for our website.
Could you please help me workout how I make a menu keep its centre alignment when viewing our website on a phone or smallest screen width.
I have attached 3 images to show what I mean using the same menu we have created with images.
On a desktop size setting the menu aligns centre with the images which is perfect - see attached image - maxi_menu_desktop.gif
On a tablet or ipad size setting the menu remains centred which is perfect - see attached image - maxi_menu_tablet_ipad.gif
but when viewing the same page and menu on a phone (or sizing a desktop page down in width) the menu images become left aligned - see attached image - maxi_menu_phone.gif

Would be great to know why and how to stop this happening for this menu and any we create in the future please.

Thank you
Last Edit:3 weeks 5 days ago by BobRoberts
Attachments:
Last edit: 3 weeks 5 days ago by BobRoberts.

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

Replied by ced1870 on topic Menu alignment on different screen sizes

Posted 3 weeks 4 days ago #71013
Hi
Please give me the url of the page so that I can check
CEd

Joomlack Webmaster and Developer

by ced1870

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

Replied by BobRoberts on topic Menu alignment on different screen sizes

Posted 3 weeks 4 days ago #71018
Thank you
It is a page behind our member login area.
Can I send you a username and password to an email for you try?

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

Replied by ced1870 on topic Menu alignment on different screen sizes

Posted 3 weeks 3 days ago #71021
you can use the contact form to send me the info
www.joomlack.fr/en/contact

Joomlack Webmaster and Developer

by ced1870

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

Replied by ced1870 on topic Menu alignment on different screen sizes

Posted 3 weeks 17 hours ago #71045
I have received your email, please try to add this custom css in the page
Code:
div#maximenuck340.maximenuckh ul.maximenuck:not(.noresponsive) li { width: inherit !important; }

Joomlack Webmaster and Developer

by ced1870

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

Time to create page: 0.740 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1080 guests and no members online