Center social media SVG icons on desktop hamburger menu overlay

katiependergast · June 10

Hello,

I am trying to figure out why the social media svg icons on this site are not centered and move downwards when the menu is open on desktop. The fill/circle part stays in the right place, but just the svg icon seems to drift downwards. How do I keep these centered no matter the screen size?

Password to see site is: sacredweb

Lesum · June 10

@katiependergast Hi! Can you share the site URL?

katiependergast · June 11

It is https://dolphin-mandarin-pcy3.squarespace.com/

Lesum · June 11

@katiependergast Add this code under Custom CSS panel:

#header .icon svg {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

katiependergast · June 11

Worked perfectly, thank you @Lesum!!

Center social media SVG icons on desktop hamburger menu overlay

Recommended Posts

katiependergast

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Lesum

katiependergast

Lesum

katiependergast

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources