Jump to content

Style navigation

Recommended Posts

@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;


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.



@mess_cal Amazing!! Thank you so much!! 

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

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.