Center align and change the background color for social links in menu drawer

Hello,

I’m trying to center align the social icons so it’s centered in dawn theme.

I’m also trying to change the grey color behind it to white (not transparent).

If anyone can make the two codes it would be highly appreciated.

Store url: https://23bc4a.myshopify.com/

@Leonpojen
add below css into base.css file

.no-js details[open] > .menu-drawer, .js details[open].menu-opening > .menu-drawer, details[open].menu-opening > .menu-drawer__submenu {
    background-color: grey;
}
.menu-drawer .list-social {
    justify-content: center !important;
}

@Ujjaval

Thanks for your reply, however this code did not work for me, i tried adding it to the base file and it did not work so i tried component-menu-drawer.css and that did not work either.

Hi @Leonpojen ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :


Hope my answer will help you.

Best regards,

Victor | PageFly

Thanks!