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

Reduce spacing between navigation links on forced mobile menu


Recommended Posts

Site URL: https://marguerite-elliot.squarespace.com/

Hey folks -

I'm forcing mobile navigation on all devices with this website, but the gap between the links gets really huge when viewed on desktop. I've tried targeting the line-height between the links but had no luck... the settings in the style editor are great for mobile view, but as soon as the screen size increases the links seem to grow in size, as does the space between them.

Would love to tweak the spacing overall, but specifically for the smaller (sub) links

Have attached a screengrab - thanks in advance!

Sx

 

 

Screenshot 2021-03-04 at 18.22.15.png

Link to comment

Add to Design > Custom CSS

/* desktop menu spacing */
@media screen and (min-width:768px) {
.container.header-menu-nav-item a {
    margin-top: 10px;
    margin-bottom: 10px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 3/5/2021 at 1:41 PM, tuanphan said:

Add to Design > Custom CSS


/* desktop menu spacing */
@media screen and (min-width:768px) {
.container.header-menu-nav-item a {
    margin-top: 10px;
    margin-bottom: 10px;
}
}

 

Thanks so much @tuanphan - that did the trick! Much appreciated 🙂

Link to comment
On 3/8/2021 at 7:37 PM, Webswool said:

Thanks so much @tuanphan - that did the trick! Much appreciated 🙂

Hi. Do you want to align left "Process" on mobile?

image.thumb.png.27859de484a0f8923d31097e7d739f05.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...