Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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.
This is an example i saw on a shopify website and how i wanted my main menu to look like.
Please help!!
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.
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?
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024