Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #234682
    Tanya Howie
    Participant

    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?

    #234712
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    #234770
    Tanya Howie
    Participant

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

    #234861
    Skandha
    Participant

    @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

    #234935
    Tanya Howie
    Participant

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

    #234936
    Tanya Howie
    Participant

    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

    #235019
    Skandha
    Participant

    @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

    #235065
    Tanya Howie
    Participant

    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

    #235131
    Skandha
    Participant

    @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

    #235178
    Tanya Howie
    Participant

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

    #235225
    Skandha
    Participant

    @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

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Classic Menu’ is closed to new replies.