Slider Image covering menu

Can't seem to find where I screwed up but the slider image is covering the menu for mobile.
haneylandscapes.com

 

Hello,

Greetings from InkThemes!

Please paste the CSS code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
.menu-wrapper {
    margin-top: 270px !important;
}
}
 
@media only screen and (max-width: 767px) and (min-width: 480px){
.menu-wrapper {
    margin-top: 411px !important;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thank you. Also, can you advise how to center the logo on mobile, my css is rough these days.

 

Hello,

I have checked your site and the logo is already in center for the mobile view..

Kindly check..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks.

It seems I'm having the menu issue on other pages as well not just the front page

 

Hello,

Greetings from InkThemes!

Please paste the CSS code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
.header .logo {
    margin-left: -15px !important;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

It did with the logo but if you go to any of the pages, the MENU/Navigation is showing down by the footer almost.

 

Hello,

Could you please share your dashboard credential at [email protected] and we will do it for you?

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com