Change direction of menu dropdown (ICON Style)

Im using ICON Stack. the menu dropdown when hovered the submenus appears on the left side instead to the right just like most websites. how can i change the direction from left to right

Hi There,

Thanks for writing in!

Please add this CSS to your X-> Theme option -> Global CSS and let us know how this goes!

.masthead-inline .x-navbar .desktop .sub-menu {
    left: 0px !important;
    right: auto !important;
}

Hope this helps!

.masthead-inline .x-navbar .desktop .sub-menu {
left: 100px !important;
right: auto !important;
}

that code worked perfectly in desktop view. however the mobile menu doesnt work after placing that css. the burger menu doesnt show anything.

Hi,

Kindly change the code provided to this.

@media(min-width:980px) {
.masthead-inline .x-navbar .desktop .sub-menu {
    left: 100px !important;
    right: auto !important;
}
}

Hope that helps.

it doesnt work. its still the same. nothing happens when you click the menu in mobile display.

Hi,

In that case, please provide us your site url so we can take a closer look.

Thanks

its still offline. what do you need to access it?

i changed it from Icon stock to Ethos and the menu in mobile view works. however, the dropdown in desktop view is off the place.

Hi, dmbt,

Unfortunately, we cannot be of a help if you do not move your website to a live server so we can check the code and see what is going on.

Please consider that our theme mobile and desktop menu works with no problem, so this must be a unique case for you, you can test by following the steps below:

  1. Remove and possible custom CSS or Javascript code you added to the theme options
  2. Change the Child Theme to Parent Theme
  3. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case if you still have problems.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.