mobile menu view – Yacht and Cruise

[rollascriptings]

Please I am having issues with the mobile menu navigation after using this theme and elementor. The site link is panafparalegal.com

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
#simple-menu {
    z-index: 999999;
    position: relative;
}
}

Regards,
Chris

[rollascriptings]

Thanks. This solved it but I still have an empty space close to the copyright footer appearing on mobile. Can you please solve that as well. thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.footer-infobox { display:none !important;}
}

Regards,
Chris

[rollascriptings]

Thanks for your reply, however after uploading the site logo 100px by 100px, the display on mobile is terrible. Your quick response as usual will be highly appreciated

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.logo { max-width:80px !important;}
}

Regards,
Chris

[rollascriptings]

thanks for your reply. Currently this is what is in the custom css

span.desc{display: none;}
@media screen and (max-width:767px) {
#simple-menu {
z-index: 999999;
position: relative;
}
.footer-infobox { display:none !important;}
.logo { max-width:80px !important;}
}

Search icon on the menu and the button on the menu has stopped working on mobile view. The site again is panafparalegal.com

Thanks you

[rollascriptings]

Tablet view for the logo on the menu not showing properly too. Button and search button not working on tablet view. Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.has_trans_header .header_wrap {
    position: relative !important;
}
}

Regards,
Chris

[Author]

Posts