Home › Forums › Pro Themes › Signify Pro › Submenu on hover unfolds on left side of the menu item. I need on right.

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 18, 2021 at 7:21 am #150564
    Anonymous
    Inactive

    Hi. I have submenu items and 2nd level submenu items in my menu. On hover they show up on the left side of the parent menu item. I want them show up on right side. Is it possible to change it somehow?

    May 19, 2021 at 2:20 am #150610
    Psink
    Keymaster

    Hello

    Try this css to align the menu sub-menu at the right side 

    
@media only screen and (min-width: 75em){
.navigation-classic .main-navigation ul ul li:hover>ul, .navigation-classic .main-navigation ul ul li.focus>ul {
	    left: 100%;
	    right: auto;
}	
.navigation-classic .main-navigation ul li:hover>ul, .navigation-classic .main-navigation ul li.focus>ul {
	    left: 0;
	    right: auto;
}

.navigation-classic .main-navigation ul ul .menu-item-has-children>a:after, .navigation-classic .main-navigation ul ul .page_item_has_children>a:after {
    -webkit-transform: rotate( 270deg );
	    -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    transform: rotate( 270deg);
	}
}

    Add above css in the additional css

    regards,

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.