Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1228473

    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!

    #1228474

    oh, and see login details if you need it

    #1228759

    Hi,

    Thanks for the login details. I think you forgot to include a URL to your site though?

    Best regards,
    Rikard

    #1230143

    sorry for delay!! I was caught up in other things. The URL is https://www.chrishillstudios.com.au

    #1230144

    sorry for the delay!! I was caught up in other things. The URL is https://www.chrishillstudios.com.au

    #1230992

    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

    #1231053

    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

    #1231089

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1234157

    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

    #1234214

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Icon Grid borders on mobile’ is closed to new replies.