Jump to content

Use differents Tag cloud blocks padding on mobile and desktop

Go to solution Solved by DavidStewart,

Recommended Posts

Hello!, anybody knows how to use differents Tag cloud blocks padding on mobile and desktop ?

Thanks to this forum I already use this code to add 30px padding and same size for all tags :

.tagcloud-block li {
  padding : 30px;
  font-size: 18px !important;

 }

But this padding is to big for mobile view,

any help to reduce it only on mobile ?

Maybe with some "min-width" somewhere ?

Thanks !

Link to comment
  • Replies 2
  • Views 133
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

Please use this css to control the padding for mobile device : I have made it 5px. you can make it 0 if you don't need any small amount of padding. 

@media (max-width: 540px) {

.tagcloud-block li {
  padding : 5px;

 }
}

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.