[mta]

I downloaded this theme and have been testing out the links and such just to make sure it is functional. I noticed that my sub menu disappears as soon as I try to go hover and click something on it. I can click on all the main links in the menu, but not those sub menu links. Is there a way to update this error so that sub menus work?

[mta]

I found that changing the top px from 70 to 40px helped with this custom css. However, now the responsive menu
messes up. It overlays the submenu items onto the main menu in the responsive view. The menu works fine now in a desktop view, only in responsive am I having this issue. Please help! 😀

/*
Submenu position
*/
.main-navigation ul li ul {
position: absolute;
background-color: #fff;
top: 40px;
left: 0;
width: 200px;
}

[mta]

Well I just changed the css to this and it seems to correct the problem well enough. However, my submenu will briefly adjust my main menu’s position upon hover. Also in responsive view, the submenu is a little far from the rest of the menu listings…. so if you know of a better way to adjust this css so that the submenu remains open on hover, but works with responsive, that would be great to know! 🙂

/*
Submenu position
*/
.main-navigation ul li ul {
position: static;
float: none;
width: auto;
margin-top: 40px;
background-color: transparent;
border: 0;
box-shadow: none;

}

[Theme Horse Support Team]

Hi Mta,

We checked it and it’s working fine here.
Could please provide us your site URL? So that we can see the exact issue into your site.

Thank you!

[mta]

Check it out @ standard.goldenhorizondesigns.com For the most part I fixed it with the code I posted last. However, the submenu still makes the menu and below content shift when I hover over services to display the submenu. I would prefer if the submenu wouldn’t do that, but still be functional and aesthetically pleasing in both responsive and desktop views.

[mta]

PS.
Do you think you can remove the previous reply with my url whenever you are done taking a look at it? 🙂 You’d be so awesome! Thanks again for your help.

[mta]

I changed the custom css to this and so now the submenu works, doesn’t make content move, and doesn’t disappear when I go to click on a submenu item as I set the margin to be higher. However, now if you check it out in a responsive view and look at the menu, you will see little lines that are on the top of each menu listing. I do not like that the submenu line strikes-through the services label on the main menu in responsive view. Is there a way to remove those lines altogether?
/*
Submenu position
*/
.main-navigation ul li ul {
margin-top: -25px;
background-color: transparent;
border: 0;
box-shadow: none;

}

/*
menu
*/
.main-navigation a {
color: #2F2C54;
}

[Theme Horse Support Team]

Hi Mta,

Could you please remove (back up before removing custom CSS code) all those custom CSS that you have placed for menu? So that we can see your site menu with default style and provide you a CSS code to styled as you say.

Thank you!

[mta]

Good morning, I just went ahead and removed it.

[Theme Horse Support Team]

Hi Mta,

It seems that cothemes-shortcode plugin which integrate bootstrap css is overriding the theme main CSS code. To work the menu properly disable the cothemes-shortcode plugin otherwise go to Appearance -> Customize/Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and click on Save & Publish Button:

#access a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

Thank you!

[mta]

I deleted the plugin as I didn’t need it anyways and the problem with the submenu disappearing on hover is no longer happening. Weird how a plugin can mess that up! Thanks for your help. 🙂

[Theme Horse Support Team]

You welcome mta
Could you also please help us rating this theme in WordPress Repository.
https://wordpress.org/support/view/theme-reviews/ambition
We really appreciate your rating.
Thank you

[Charles Koehler]

Thank you mta for posting your code. That helped me as I was having the same hover problem. Adjusting the top margin worked for me. I’m sure it is a plugin that is also messing with the navigation… but I only have a few plugins installed and I need all of them. Thanks Theme Horse support for pointing out the plugin problem though!

[Theme Horse Support Team]

You welcome Charles Koehler

Thank you

[Author]

Posts