Moving Menu Navigation in Mobile View Ready Template

Site URL: https://www.vickimessenger.com/

Hi all

I would like some help in moving the main navigation/menu button to the top of the page when viewed on mobile, as my users are not seeing it at the bottom of the screen.  Can anyone help me with the code that is required to do this please?

Thanks in advance

Vicki

Which template do you use? (If you don't know, go to Site Style > Template)

Hi, sorry was expecting to receive a notification if I got any questions/answers.  I use Ready.  Thanks

Add to Design > Custom CSS

@media screen and (max-width: 768px) {
div#mobileBar {
    bottom: unset;
    top: 0;
}
.nav-close-toggle-wrapper {
    top: 50px !important;
    bottom: unset !important;
    right: 10px;

}

Thank you so much for this.  However, the menu and social media dots now obscure half my logo at the top of the page in mobile view... Any idea how I correct this?

It's the dots for the social media links that are getting in the way - could these perhaps be at the bottom of the screen still and just the menu bars at the top?  Thanks in advance

On 2/24/2020 at 4:30 AM, VickiM said:

It's the dots for the social media links that are getting in the way - could these perhaps be at the bottom of the screen still and just the menu bars at the top?  Thanks in advance

Have you fixed it yet?