marg_222

Hi Paul,

I am newer to custom css and media queries. How do you use the above code to show the icons on mobile while also being able to have two different images used for the desktop and mobile on the website's homepage?

Would really appreciate your help!

On 9/4/2020 at 9:00 AM, paul2009 said:

If you'd used the CSS that I provided in this thread, it should have worked, but I see that you (or someone) has added a media query to your CSS. This deliberately restricts the icons so that they only appear when the width is larger than 640px. 

@media screen and (min-width: 640px) {
  .tag-rho-icons....

 

I put the code on the website so I could show two different versions of the same image on the homepage. One cropped for the phone and the other for the computer. Is it possible to use the above code to specifically make the icons appear on mobile too?

Hi Paul,

Here is the link for the site I am referring to. I want to be able to match how the icons look on the desktop with how they look on mobile or at least get them to appear. Does it have something to do with the mobile breakpoint?

https://may11hairoil.com/

Here is a specific product page for example: https://www.may11hairoil.com/shop-all-products/60ml

Any help would be much appreciated! And thanks for the rec, I am new to these forums.

Best,

Margot

Hi there,

I was able to successfully insert one of the my icons. I want to insert up to 4 in total. However, I am noticing that when I go to view the icon I did insert on mobile, it disappears. Does anyone know why this is and how to fix??

Hi there,

Unfortunately, I am just a beginner here, so I am not able to offer suggestions.

I am however, having problems tracking any of my Squarespace sales through my Google Tag manager. Can you tell me more about how you were able to successfully set it up? My tag isn't firing and I'm not sure what is the problem.

Would really appreciate some help!