Return to previous page

Menu CSS classes not available - by Fabio

This topic has 8 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

Fabio

Participant

December 9, 2017 at 23:43

Dear Support,

I would like to have an image displayed inside the Mega menu. However, when I add the image, as background of the main category, it is positioned far on the right hand side of the mega menu (with a big gap between the image and the subcategories part of the mega menu).

I checked the manual and in the youtube legenda video, you explained that I should use the CSS class et-column for the image. Differently from the youtube video, there is no CSS classes box anymore. I guess that the video was made with an old version of legenda.

Could you please tell me how to add the CSS class to the menu or explain me another procedure to position the image close to the subcategories.

Best regards.

F.

#179796 Copied

7 Answers

Rose Tyler

Support staff

December 11, 2017 at 09:14

Hello,

Could you please provide wp-admin access in Private Content?

Regards

#179822 Copied

Fabio

Participant

December 11, 2017 at 22:25

Dear Rose,

Sure, no problem.

Before doing it, could you please confirm that you will not modify anything without letting me know?

I would like to have this confirmation, because it is a live website and a potential technical issue, causing the website to be down, would create a big issue for me.

Thanks in advance for your understanding.

Best regards.

F.

#179866 Copied

Rose Tyler

Support staff

December 12, 2017 at 08:37

Hello,

Ok.
Also, please describe in details what exactly result of menu displaying do you want to achieve, so we could provide you helpful tips or make the menu on your site and provide screenshots of appropriate settings.

Regards

#179886 Copied

Fabio

Participant

December 12, 2017 at 11:01

Hi,

Sure no problem.

If you go to the menu lighting you will see that the banner appearing on the giant menu is positioned far away from the last subcategory column, on the right hand side.

I would like the banner to be positioned in a third column as it was an additional subcategory column. In this way all three columns will be treated equally and the layout will not change as a function of the screen resolution. At the moment for large screen resolutions, the banner is far away from the subcategories columns and not much visible.

Details provided in Private.

Please, contact administrator
for this information.

#179907 Copied
Rose Tyler

Support staff

December 12, 2017 at 11:40
Try to add this code in custom.css file of parent theme or in style.css file of child theme:
```
@media (min-width: 1400px){ 
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown{width: 50%;left: 50%;transform: translateX(-50%);}
}
@media (min-width: 1200px) and (max-width: 1400px){ 
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown{width: 75%;left: 50%;transform: translateX(-50%);}
}
```
Regards
#179911 Copied
Fabio

Participant

December 12, 2017 at 16:17

Dear Support,

I added the code into the style.css however, I did not notice any change in the giant menu (lighting). Everything looks exactly as before the change.

Could you please advise me.

F.

#179961 Copied

Rose Tyler

Support staff

December 12, 2017 at 16:24

Hello,

Please clear cache and check http://prntscr.com/hmijc3

Regards

#179964 Copied
Viewing 8 results - 1 through 8 (of 8 total)