Move menu left and lower to alighn with logo without going behind logo

Hello I had a thread on this earlier and I thought the issue was solved and thread closed. Sorry my client pointed out that the first menu item was going behind the logo. They must have a smaller screen? As it looks great on my window, however when I shrink my window I am able to see his issue. I had to remove the code so I can not take a screen shot. Not sure if there is some code that forces it to go below if the screen gets smaller and aligns nicely when viewing......attaching what it currently looks like now. Thank you for your help.

https://mrswfoodservices.com/

 

Hi,

Greetings from InkThemes!

Please use below code..

Code:

#menu .ddsmoothmenu {
    margin: 44px 1px 0px 7px;
    text-align: initial;
}
@media only screen and (max-width: 1300px) and (min-width: 960px){
#menu .ddsmoothmenu {
    margin: 44px 1px 0px 73px;
}
}
@media only screen and (max-width: 960px) and (min-width: 768px){
#menu .ddsmoothmenu {
    margin: 44px 1px 0px 122px;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thank you that worked!! tested it on shrinking screen and on phone all good now! Much appreciated.

 

You're welcome..

Thanks & Regards!
Priyanka
InkThemes.com