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

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



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.

Edited by KSquaredDenver
Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

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

@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

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...