Nav bar on mobile device

Hello theartfuldodger

1. Login as admin and go on theme customizer Dashboard >> Apperance >> Customize or Click on Custimze link on top bar from front-end.

2. Then navigate Custom codes and put below css into Custom CSS textarea then click on Save & Publish button.


.topnav { background: trasparent; }

#mobile-menu { background: rgb(0, 160, 32); color: #fff; }


Hope this will helps you.

Thank you it helped a lot. My other problem is that my footer bar in my desktop view is wider than my top nav bar.
I have tried adjusting the ‘maxwidth’ down but it adjusts the top bar but not the bottom bar.

Hello theartfuldodger,

Try below css.


#footer { max-width: 840px; margin: 0 auto; }


Hope this will helps you.