Moving Social Icons on a forced mobile navigation

Site URL: https://www.studiolightmariano.com/

Hi all,

I hope this is a quick fix but I am trying to find some CSS code to move the SOCIAL ICONS down to sit just above the button. I've used a few different pieces of code to get the navigation working the way I would like but the only thing I can't find is how to move the navigation icons down. Any CSS help would be greatly appreciated!

You can find the site here: https://www.studiolightmariano.com/

Many thanks,
Jordan Carr

—

Also as a lil sub issue; does anyone know why, on mobile, the underline on a double lined navigation title is different to when it's just on a single line? This could just be a Squarespace issue but if there is a way to fix this I would be eternally grateful!

You can use this code to Website Tools > Custom CSS

.header-menu-actions.social-accounts {
    margin-bottom: 0px !important;
}

@tuanphan thanks so much! I also want to thank you for all your little CSS code hacks I've found here, and have been using for the past 5+ years. You've been a saviour for pretty much every site I've worked on!

Would you know any fix for the underline bug when a mobile navigation title sits on 2 lines?

Thanks again!
JC

On 11/4/2024 at 6:07 PM, JordanCarrDesign said:

@tuanphan thanks so much! I also want to thank you for all your little CSS code hacks I've found here, and have been using for the past 5+ years. You've been a saviour for pretty much every site I've worked on!

Would you know any fix for the underline bug when a mobile navigation title sits on 2 lines?

Thanks again!
JC

You can use this CSS code

div.container.header-menu-nav-item div {
    display: inline !important;
}

@tuanphan YOU DA BEST!