Mobile responsive hover buttons

[Nate_Sheridan]

Hi,

I was last in touch regarding hover images on buttons and managed to achieve what I was after thanks to this thread response:

Page with change since theme update

Hi, Thank you for getting back to me. I have cleared all cache and this has not resolved my issue. I did however work out what was causing the width issue… This was because I had created a ‘Layout’ (which was an archive intended for the blog feed) and had signed it to all ‘pages’ and not ‘posts’. So the homepage now displays the correct width. That being said, I still have the original issue of width narrowing on the ‘Layout’ I created and is assigned to: I would the the content box/tex…

However now I am trying to change the button width to better fit the device it is being viewed from using @ media css. When I view the changes within Pro the buttons look and fit great but when I view on the front end the images I added (using the original threat mentioned above) do not show.

Please note I have tried clearing the cache and view from multiple devices.

Please help, many thanks.

[nabeel]

Hi @Nate_Sheridan,

Thank you for reaching out to us. I checked your setup and you had missing curly bracket in your custom CSS, I went ahead and closed it. This has fixed the issue. You can always validate your custom CSS here https://jigsaw.w3.org/css-validator/ and fix errors if anything comes up.

Cheers!

[Nate_Sheridan]

I cant believe I missed a curly bracket, how embarrassing!
Thank you for spotting and fixing this for me.
And for sharing that link, will prove really useful in the future.

Much appreciated.

[tristup]

Hi @Nate_Sheridan,

Glad that we are able to help you.

Thanks