Issue: In a Shopify theme, the menu drawer (slide-out menu) shows the “utility-links” container stuck at the bottom/out of view, likely due to custom styling. A screenshot was provided to illustrate the element pinned below visible content.
Fix provided: Edit code via Online Store > Theme > Edit code, open base.css, and add a CSS rule to create spacing above the utility area: ul.list.list-social.list-unstyled { margin-bottom: 4rem !important; }. This adds bottom margin beneath the social links list so “utility-links” can appear within the visible drawer.
Outcome: The original poster confirmed the fix resolved the issue.
Status: Resolved; no further action items or open questions noted.
Hello, i would like help on a bug I’m facing.
The problem:
My drawer looks fine but as I see there’s a div name “utility-links”. that div is stuck on the bottom and can’t be seen. I thing is because of a style I made in the theme editor.
As you see the utility-links, is being place at the bottom and is stuck as you see in the image.
The store password for help: St0r3P4ssw0rd
Hi @Fyney
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
ul.list.list-social.list-unstyled {
margin-bottom: 4rem !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Thank you, this helped me so much.
Glad to help you @Fyney 
