Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
isissa

Flatiron - Change mobile navigation line height

Question

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

Share this post


Link to post

11 answers to this question

Recommended Posts

  • 0

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!

Share this post


Link to post
  • 0
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;
}
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


Link to post
  • 0
11 hours ago, isissa said:

code is in there. www.isissakomadajohn.com

@media screen and (max-width:640px) {
nav#mobile-navigation {
    padding-bottom: 0;
}
#navigator .siteTitle {
    top: -20px;
}
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
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;
}
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...