Hi !

I'm implementing a mega menu on my website. I'd like it to cover the full width of the window and the text below the product image to be centered.

For the full width, I tried using the option Header MegaMenu width > Full Width page but it seems not to work.

In parallel, I did not manage to modify the CSS at the moment.

Could you please help me with that ?

Thanks in advance.

Arthur

Hi Tahir, 

Thanks for this quick reply. 

So I managed to add the megamenu, with some image and text. In order to do so, I trick a bit the field in the Navigation title. Instead of text only, I added the URL of the image. I don't know if it is really conventionnal.  Do you have a better idea to add an image in the megamenu item ?

The width works fine now. The mega menu is displayed the full width of the page. 

My issue is now with mobile. I'd  like to disable the mega menu on mobile device.

I'm exploring two options without success. 

1. trying with css to get it disactivate on mobile...

2. set a different off canvas menu for mobile, that takes only the main item of the top navigation menu. The issue with that is that I have the "off canvas menu" always here on the top navigation menu...

Which is the best way for you and how to accomplish it ? 

And thanks a lot for this awesome support. I resolved a lot of issues just by reading the many tickets you answered. 

Arthur

Just to keep you update. 

I'm working on number 2 proposition. I managed to remove the Off Canvas Icon of the main navigation menu. 

The strange issue I have is that the off canvas menu has the proper content (the one that is defined in Appareance> Menu >off canvas menu) on Desktop. However, on mobile, I have a weird menu with all the page of the website. 

Please see screenshot attached. 

Best regards, 

Arthur