Jump to content

Custom Code not showing on Microsoft Edge - Using 7.1 template

Recommended Posts

Hello there, 

I am using the 7.1 template and used the following code to change the logo on specific pages. 

Quote

 

/**desktop logo**/

@media screen and (min-width:767px) {

 .header-title-logo img {

content: url("//static1.squarespace.com/static/5ebeb3beb8891c6346025774/t/5ec80300da110857005a2648/1590166272722/SpartanLogo_Horizontal_WEB-01.png")

  !important;

max-height:inherit !important;

 

  }

}

 

Everything works great however, it does not show on Microsoft Edge Internet platform. Any thoughts on why?

 

Thank you!

Link to comment
  • Replies 4
  • Views 796
  • Created
  • Last Reply

Try this code

@media screen and (max-width:767px) {
.header-title-logo img {
    visibility: hidden;
}
.header-title-logo a {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
}

 

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
  • 7 months later...
On 5/29/2020 at 12:26 AM, BCreative said:

Hello there, 

I am using the 7.1 template and used the following code to change the logo on specific pages. 

Everything works great however, it does not show on Microsoft Edge Internet platform. Any thoughts on why?

 

Thank you!

Were you ever able to fix this for Edge? I have a similar custom code not working on Microsoft Edge. Wanted to change the logo depending on the section background color being used (Squarespace 7.1) Would appreciate any tips if you got it fixed for this one browser!

 

Link to comment

Archived

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.