Jump to content

Flatiron - Change mobile navigation line height

Recommended Posts

I am using the Flatiron template. in the MOBILE view, once the navigation is clicked to open, I would like the navigation items to be less spaced out in terms of line height. they currently take up the entire screen on my iPhone 7 plus.

Website: www.isissakomadajohn.com

Link to comment
  • Replies 11
  • Created
  • Last Reply
16 hours ago, isissa said:

Awesome thanks!

@tuanphan, on mobile, when the navigation is closed and you only see the "+", is there a way to have less spacing between the "+" and my logo? I'd like to decrease the vertical space there so the "+" is closer to my logo.

Thanks!

Add to Home > Design > Custom CSS

Not sure it will work

@media screen and (max-width:640px) {
.siteTitle {
    padding-top: 0 !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!)

Link to comment
14 hours ago, isissa said:

thank you, @tuanphan.

This has helped with decreasing the space between the "+" and the logo, but it is instead now increasing the space between the logo and the page content.

How can I decrease the space between the logo and page content now?

www.isissakomadajohn.com

@media screen and (max-width:640px) {
section#container {
    margin-top: 130px !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!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.