KSquaredDenver Posted August 24, 2019 Share Posted August 24, 2019 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
tuanphan Posted August 24, 2019 Share Posted August 24, 2019 @KSquaredDenver Where is info bar? I didn't see. Can you take screenshot? 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
Jose_Sanchez Posted August 30, 2019 Share Posted August 30, 2019 I tried this on the Custom CSS section on the Design menu : .sqs-mobile-info-bar{ height: 70px; } .sqs-mobile-info-bar-trigger-icon{ 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: .sqs-mobile-info-bar-trigger-lable I would also appreciate some help :) My site is transpp.mx Link to comment
vijayamarshi Posted January 2, 2020 Share Posted January 2, 2020 @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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.