Hi all , please could any one help me with the side menu colour on mobile only as its currenlty Black and i wanted it to display 2B413A when opening the sidebar ?
Topic summary
A user needs help changing the side menu color to #2B413A on mobile view, as it currently displays as black.
Proposed Solution:
A PageFly support representative provided CSS code to address this issue with these steps:
- Navigate to Online Store → Theme → Edit code
- Open the theme.liquid file
- Paste the provided CSS code before the closing
</body>tag
The CSS targets mobile menu elements with a media query (max-width: 767px) and applies the desired background color.
Current Status:
The original poster is seeking clarification on the exact placement of the code, specifically asking whether to paste it after the </body> tag. They mentioned having an existing HTML code block and included screenshots for reference. The discussion remains open pending further guidance on implementation.
Hi @Ljvapes
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 theme.liquid
Step 3: paste bellow code in tag → save.
@media (max-width: 767px){ .site-nav>li, nav#cbp-spmenu-s1, #cbp-spmenu-s1 .close-menu { background: #2B413A !important; }}
Hope that my solution works for you.
Best regards,
Henry | PageFly
