Return to previous page

Full Width Mega Menu - by thisisbolo - on WordPress WooCommerce support

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

thisisbolo

Participant

December 12, 2017 at 00:59

Is there a way to hack the .css to make the mega menu full width?

#179872 Copied Theme version: Latest WooCommerce version: Latest

3 Answers

Rose Tyler

Support staff

December 12, 2017 at 09:48

Hello,

Thanks for the topic.
Could you please provide screenshot for better understanding?

Regards

#179892 Copied

thisisbolo

Participant

December 12, 2017 at 13:29

Do this image work? https://drive.google.com/file/d/1N6OpHFQcKpBT-4yQyrI4YMxohlcKBrZn/view?usp=sharing

#179926 Copied
Rose Tyler

Support staff

December 12, 2017 at 14:33
Hello,

This is no such option by default, but you may use custom css code, for example, add this code in Theme Options > Styling > Custom css or in style.css file of child theme:
```
.item-design-mega-menu .nav-sublist-dropdown {
	width: 100% !important;
	top: 100% !important;
	margin: 0 !important;
	left: 0 !important;
}
.menu-wrapper .menu .menu-item-has-children.item-design-mega-menu {
	position: static;
}
.header-wrapper header > .container .container-wrapper {
	position: static;
}
```
Also, our documentation can be useful for you https://www.8theme.com/documentation/xstore/menu-set-up/mega-menu/

Regards
#179937 Copied
Tagged: full width mega menu, responsive design, seo optimization, user-friendly navigation, woocommerce wordpress templates
Viewing 4 results - 1 through 4 (of 4 total)