Support » Theme: Moderne » Open menu to the right

  • Resolved nkirag

    (@nkirag)



    I’m wanting when I hover over one of my pages, they open to the right, they’re opening to the left. How to proceed?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author bloggingthemes

    (@bloggingthemes)

    Awesome. Thank you for posting here. If you go to the Customizer and then to the “Additional CSS” tab, copy and paste this code into it:

    @media (min-width: 768px) {
    	.main-navigation li:hover > ul,
    		.main-navigation li.focus > ul {
    			left: 0;
    			right: auto;
    			opacity:1; 
    			transition-delay:0s;
    		}		
    		.main-navigation li:hover > ul,
    		.main-navigation li.focus > ul {
    			right: 50%;	
    			left: auto;
    			margin-left: auto;
    			margin-right:-6.25rem;
    		}	
    	
    	.main-navigation ul ul li:hover > ul,
    	.main-navigation ul ul li.focus > ul {
    		left: 100%;
    		right: auto;		
    	}
    }

    I tested this on my local test site and it worked, so hope it works for you. What the code does is cancel out the submenu from going to the left and then changes it to now go to the right.

    I put the code, but the error: “There are 25 errors that need to be fixed so you can save.
      Update anyway, even though it might break your site? “

    Theme Author bloggingthemes

    (@bloggingthemes)

    I tried going to your site but I keep getting time out errors. But what kind of errors does your site show? You can still click the “Save & Publish” button on the customizer after pasting that code. Then check the front of your website and see if the submenus now fly out to the right instead of left.

    Hello .. Good evening!
    Thank you very much, I got it !!!

    Theme Author bloggingthemes

    (@bloggingthemes)

    Awesome…good to hear 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.