Woocommerce Shortcodes in the grid layout

Hi Niklas,

Please can you post a link to your site so I can compare the HTML thats being output on the page?

Regards,
Tom

Hi Niklas,

Under Mega Menu > Menu Themes, can you uncheck “Reset Widget Styling”?

That should get things looking better, but I may need to take another look after that.

Regards,
Tom

Hi Niklas,

I’ve taken a closer look at GeneratePress and can see it’s not quite that simple to change that class.

Please make a child theme, and in the child themes functions.php file, add:

function mega_menu_remove_main_navigation_class($classes, $class) {

	$new_classes = array();

	foreach ($classes as $class) {
		if ($class == 'main-navigation') {
			$new_classes[] = 'main-navigation-mmm';
		} else {
			$new_classes[] = $class;
		}
	}

	return $new_classes;
}
add_filter('generate_navigation_class', 'mega_menu_remove_main_navigation_class', 10, 2);

Regards,
Tom

Hi Niklas,

Here is an alternative solution which should be a bit easier.

Please go to Appearance > Customize > Additional CSS and add the following:

.mega-menu-primary .main-navigation ul ul {
    height: auto;
    background: transparent;
    position: relative;
    left: auto;
    width: auto;
    box-shadow: none;
    pointer-events: auto;
    opacity: 1;
}

Regards,
Tom