Jump to content

jshears18

Member
  • Posts

    4
  • Joined

  • Last visited

Reputation Activity

  1. Like
    jshears18 got a reaction from Beyondspace in Logo code not working on mobile view   
    It works!!! Thank you so much for looking into this for me. Much appreciated.
  2. Thanks
    jshears18 reacted to Beyondspace in Logo code not working on mobile view   
    Kindly add the following code in your Home > Design > Custom Css to fix logo on shop and contact page
    body:not(.header--menu-open) #header:not(.black) .header-mobile-logo img { -webkit-filter: invert(100%); filter: invert(100%); } Let me know how it works on your site
  3. Like
    jshears18 reacted to Beyondspace in Logo code not working on mobile view   
    You can try adding to Home > Design > Custom Css
    .header--menu-open .header-mobile-logo img, body:not(.header--menu-open) #header:not(.black) .header-mobile-logo img { -webkit-filter: invert(100%); filter: invert(100%); } Let me know how it works on your site
    Press 👍 or mark this answer as solution to help another one too
  4. Like
    jshears18 got a reaction from Beyondspace in Logo code not working on mobile view   
    I have added some custom code to my logo file to invert its color on certain pages so it's visible. It works perfectly on desktop, but not on mobile. I will past the code I used below. Any help would be much appreciated!
    <style>
     .header-title-logo img {
        -webkit-filter: invert(100%);
        filter: invert(100%);
      filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
      }
    </style>
×
×
  • 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.