- This topic has 10 replies, 2 voices, and was last updated 4 years, 3 months ago by Skandha.
-
AuthorPosts
-
January 31, 2020 at 6:18 pm #234682Tanya HowieParticipant
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?
February 1, 2020 at 4:34 am #234712SkandhaParticipant@thowie: Hello there,
Please post in your site URL so that I can look into the issue.Kind Regards,
SkandhaFebruary 1, 2020 at 1:47 pm #234770Tanya HowieParticipantThis is an internal site so I don’t have URL to share
February 2, 2020 at 9:05 am #234861SkandhaParticipant@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,
SkandhaFebruary 3, 2020 at 10:11 am #234935Tanya HowieParticipantThat didn’t work 🙁 . It made it drop straight down rather than to the right.
February 3, 2020 at 10:52 am #234936Tanya HowieParticipantI 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
February 4, 2020 at 2:29 am #235019SkandhaParticipant@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,
SkandhaFebruary 4, 2020 at 10:46 am #235065Tanya HowieParticipantGood 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.
Thanks
February 5, 2020 at 12:23 am #235131SkandhaParticipant@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,
SkandhaFebruary 5, 2020 at 2:51 pm #235178Tanya HowieParticipantPERFECT! Thank you. Is there a guide or overview to help with customizing the CSS for the site?
February 6, 2020 at 5:19 am #235225SkandhaParticipant@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 -
AuthorPosts
- The topic ‘Classic Menu’ is closed to new replies.