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

Style navigation


mathildeeeeee

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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 o

@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

Posted Images

4 answers to this question

Recommended Posts

  • 0

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 post
  • 0

@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

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0
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 post
  • 0
15 minutes ago, tuanphan said:

@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

@tuanphan thank you for that! Looks much better now!!

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