Jump to content

Style navigation

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Try out this custom CSS:

.collection-type-blog .pagination {
    border: none;
    font-size: 20px;
    line-height: 30px;
}

We need to increase the line-height because with larger font-sizes on mobile styling the overflow: hidden rules will cut off the bottom of letters like "g" and "y" (screenshot below). Setting an explicit line-height fixes this.

Image%202020-11-10%20at%2012.20.54%20PM.

 

Link to comment

@mathildeeeeee I see on tablet, the menu doesn't look good, contact us break in new line

You can add this to Design > Custom CSS to solve

@media screen and (max-width:900px) and (min-width:641px) {
.main-nav ul {
    padding: 0 !important;
}
.main-nav li {
    font-size: 12px;
    margin-left: 10px;
}
}

contactus.png.177665c7fe0c6df3b9c2474b2988bd7e.png

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

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
17 hours ago, mess_cal said:

Try out this custom CSS:


.collection-type-blog .pagination {
    border: none;
    font-size: 20px;
    line-height: 30px;
}

We need to increase the line-height because with larger font-sizes on mobile styling the overflow: hidden rules will cut off the bottom of letters like "g" and "y" (screenshot below). Setting an explicit line-height fixes this.

Image%202020-11-10%20at%2012.20.54%20PM.

 

@mess_cal Amazing!! Thank you so much!! 

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.