[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. 🙂

[mta]

Good morning, I just went ahead and removed it.

[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;
}

[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]

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]

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;

}

[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;
}

[Author]

Posts