Hi
I have an icon grid is set to “show borders between elements” which is what I want on desktop. How can I do a media query to display “All borders” on mobile devices?
I have a temporary fix using a custom CSS class on the element and:
@media only screen and (max-width: 480px) {
.mobile-icon-grid {
border: solid 1px!important;
border-color: rgba(255,255,255,0.64)!important;
}}
but that is far from ideal as it seems to double up some borders
Thanks in advance!
oh, and see login details if you need it
Hi,
Thanks for the login details. I think you forgot to include a URL to your site though?
Best regards,
Rikard
sorry for delay!! I was caught up in other things. The URL is https://www.chrishillstudios.com.au
sorry for the delay!! I was caught up in other things. The URL is https://www.chrishillstudios.com.au
Hi,
I edited your page and duplicated your element for mobile version and chose to display all borders on it.
Please review your website :)
Best regards,
Yigit
Hi Yigit
You actually did the work for me!!! THANKS HEAPS MAN.
Hey – the answer was so simple, I feel like I wasted your time. I use double elements in other areas but just didn’t think of it here! Thanks again. GREAT support
Chris
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
Sorry for delay Guys
I replied to an email not realizing it was a no-reply adress. YES all sorted and thanks so much you can close this
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon