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

SVG logo disappearing in mobile on WAV template


Hi there!

My svg seems to be disappearing on mobile in WAV template. The technique described by @daviddurbin on forum works great for desktop and tablet (uploaded transparent svg, added svg file, added custom css) but I'm at a loss for the mobile solution.

Here's my css:

.Header-branding {background-repeat: no-repeat;background-image: url(https://static1.squarespace.com/static/5d61e8939d1fc100018a3a88/t/5d64a186fed11f00015284f7/1566876038294/Tailgate+logovertical_orange.svg);}

Hoping someone has an easy fix or media query solve for this! Thanks for any help.

Edited by KayVee
Initial Revision

Share this post

Link to post

1 answer to this question

Recommended Posts

  • 0

Hi again!

One additional change to the css seems to get the svg to show up by styling the class .mobile-bar-branding:

.Mobile-bar-branding {background-repeat: no-repeat;background-size: 130px;background-image: url(https://static1.squarespace.com/static/294.../_my logo name.svg);}

alt text

However, I can't seem to make the logo (or the div holding it) larger. Looks like there's three divs in there: top left, top center, top right. The top center holds the SVG, but I can't get it to be wider. I tried hiding .top-left and .top-right with visibility: hidden, no luck.

I also tried styling .mobile-bar-branding with background-size: 130px; and got this:alt text

Any help is greatly appreciated!



Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...