MOBILE MENU & DESKTOP MENU PROBLEMS! Please help!

I have done all of the following styling CSS steps you have given in other threads to change the font on your main menu. Using this font from Google font:
font-family: 'Electrolize', sans-serif;

Nothing changes! so... what I would desperately need help with is:
1. Change the font in the menu
2. I have finally positioned the menu where I would like it on the desktop version, and now on my iphone and ipad the menu has completely shifted out of margin.
3. Lastly, when I hit the drop down on the mobile menu all of my sub content drops down as well.

Please help, I have read through thread after thread applying all the custom CSS that would apply for these issues and I have nothing. Thank you so much for your time and patience!

 

Hello,

Do let us know your website link.

 

could I email that to you?

 

Hello,

email at [email protected]

 

Hello,

1. We have checked your website and found that "Electrolize" google font is working fine on your menu text.
If you still have the problem of google font on your side then clear your cache.
This will solve your menu font issue.


2. Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

@media only screen and (max-width: 1140px) and (min-width: 960px){
#menu .ddsmoothmenu {
width: 875px;
}
}
@media only screen and (max-width: 960px) and (min-width: 767px){
#menu .ddsmoothmenu {
width: 730px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.menu-wrapper {
width: 295px;
}
}
@media only screen and (max-width: 480px){
.menu-wrapper {
width: 290px;
}
}

This will solve your menu-position issue.

3. Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.
If this isn't something you're able to do then you would need to hire a freelancer for this.

 

Thank you so much for your fast assistance with this!