[Tanya Howie]

Very new to creating a WordPress site, so please excuse my question and possibly not asking using the right terms. I have my primary menu activated and using classic mode. How do I get the items under the main menu items to pop open to the right rather than the left?

[Skandha]

@thowie: Hello there,
Please post in your site URL so that I can look into the issue.

Kind Regards,
Skandha

[Tanya Howie]

This is an internal site so I don’t have URL to share

[Skandha]

@thowie: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 64em) {
     .navigation-classic .main-navigation #primary-menu li:hover > ul {
           left:0;
           right:unset !important;
     }
}

Let me know if this works out!
Kind Regards,
Skandha

[Tanya Howie]

That didn’t work 🙁 . It made it drop straight down rather than to the right.

[Tanya Howie]

I should preface that first hover is perfect, it’s when one of the items on the first hover has additional menu items. Sorry, I don’t know the correct terminology to use to describe it. LOL

[Skandha]

@thowie: Hello there,
It is difficult to debug the issue without having a look at your site. Please attach a screenshot of the issue. Maybe that will help.

Kind Regards,
Skandha

[Tanya Howie]

Good morning Skandha!

Here is a link to the screenshot. I’m wanting to have the Customer Service and other menu items that have items under them to pop over to the right, not the left when hovered over.

Hover Screenshot

Thanks

[Skandha]

@thowie: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 64em) {
	.navigation-classic .main-navigation #primary-menu ul li:hover > ul {
		left: 100% !important;
		right: auto !important;
	}
	.navigation-classic .main-navigation ul ul {
		width: 300px;
	}
	.navigation-classic .main-navigation #primary-menu .menu-item-has-children .sub-menu li > a::after {
		transform: rotate(-90deg) !important;
	}
}

Kind Regards,
Skandha

[Tanya Howie]

PERFECT! Thank you. Is there a guide or overview to help with customizing the CSS for the site?

[Skandha]

@thowie: Hello there,
There isn’t a guide in particular but if you have an idea about CSS you should be able to customize your site.

I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/clean-enterprise/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts