Using @media to hide content not working in Shopify

I am trying to hide a Facebook like button when the browser is resized below a certain width.

I have the following code:

@media all and (max-width: 300px) 
{
  .fb-like { float: right; display: none; }
}

I have tested this on regular websites however it is not working within Shopify. Any ideas as to why?

Answers


It seems I could not reference "fb-like" within css I had to create a separate div to wrap around this before I could edit how it was displayed.


Need Your Help

How to repeatedly fade in and out spans of a container element

javascript jquery

I'm brand new to jQuery and trying to create an area of my website where testimonials can fade in and out one at a time. I can get the first testimonial to fade in, delay, and then fade out, but I ...

Handling ident for my IRC bot

c irc bots

I'm currently building an IRC bot for learning purposes in C for learning purposes. I'm having a bit of trouble handling the ident message that the server is sending to my bot. I know I have to lis...