Jump to content

Custom Mobile Information Bar

Recommended Posts

Site URL: http://winhearts.co

Hello,

I’m customizing my mobile information bar. I’m trying to change the text that says ‘Email’ to a custom text for 7.1. I’m also trying to do a custom link instead of redirecting to an email if that’s possible. I’ve seen it done for a 7.0 website but couldn’t figure it out for 7.1. Thanks in advance.

E9014341-D8EC-490B-BACF-C52DC90DC2EE.jpeg

Link to comment
  • Replies 6
  • Views 450
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

15 hours ago, vnr said:

That sounds good! I'm a bit confused though where am I adding the button? I have many buttons right now haha

You can add a button in Site Footer. Then we can give the code to add smile icon + Make it fixed at bottom center of screen.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
4 hours ago, vnr said:

Got it! sounds good, I added a button to the footer section on my site and I disabled the mobile information bar.

 

 

Try adding to Design > Custom CSS

div#block-yui_3_17_2_1_1653082642974_7086 {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
}
@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1653082642974_7086 {
    display: none;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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...

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.