Jump to content

Moving Social Icons on a forced mobile navigation

Recommended Posts

Posted (edited)

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

Screenshot 2024-11-02 at 20.54.02.png

Edited by JordanCarrDesign
Accidentally pressed submit
  • Replies 5
  • Views 308
  • Created
  • Last Reply

Top Posters In This Topic

Posted

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!

IMG_2668.PNG

IMG_2669.PNG

Posted

@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

IMG_2668.PNG

Posted
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

IMG_2668.PNG

You can use this CSS code

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.