Jump to content

How can I edit Icon sizes on my Mobile Information Bar?

Recommended Posts

How can I edit Icon sizes on my Mobile Information Bar?If you were to go to ksquareddenver.com on a mobile device, you'll see a mobile info bar after you enter the site. The template I used for the site is Avenue and in the settings they do not have many customizable features for the mobile bar. You'll see the icons on the Mobile Info Bar are pretty tiny. How does one change their size? Much appreciated if you can point me in the right direction.

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

I tried this on the Custom CSS section on the Design menu :

      height: 70px;
       width : 30px !important;
       height: 30px !important;

It seemed to work with the icons but I still could not figure out how to change the font size. I guess it has something to do with:


I would also appreciate some help :)

My site is transpp.mx

Link to comment
  • 4 months later...

@Jose_Sanchez I'm having some issue with my Mobile Info Bar. When I have my header top fixed, it covers the close button for my map and hours. 

I tried this code:

.sqs-mobile-info-bar {
z-index: 1001;

Didn't seem to do the trick. Do you know how to fix this issue? I've made Squarespace aware of it.

Also, would you know how to only show the Mobile Info Bar on my home page on mobile and not on the other pages?

Thank you!



Link to comment


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.