Main Menu - How to get a full page drawer menu on Publisher theme

Main Menu - How to get a full page drawer menu on Publisher theme

anshuep
New Member
7 0 0

Hi,

 

I made the Header desktop Logo bar of my website transparent and have selected the main menu type as drawer.

 

i am not liking the way the main menu is showing as you click on it and would like if anyone can help in getting the drawer menu to take up the whole page with black background and white fonts for the menu.

 

This is how it is looking right now.

anshuep_0-1711809952324.png

 

This is an example i saw on a shopify website and how i wanted my main menu to look like.

anshuep_1-1711809981157.png

 

Please help!!

 

Replies 2 (2)

PageFly-Henry
Shopify Partner
1184 335 290

Hi @anshuep 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save


div#menu-drawer {

    width: 100% !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

anshuep
New Member
7 0 0

Hi Henry,

 

Thanks for the custom code. it is now looking like this.

 

Can you help in bringing the menu options in the center and the line where the logo is to have a white background?

Also i added these slideshow arrows, can these be hidden too when we open the menu drawer?

 

anshuep_0-1711818775139.png