Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1234817

    Hi, on this site i have a grid row with 4 columns and I have given each column a top padding of 100px, mainly because I have an overlapping logo and I needed this row, #info – this is info in site navigation and the logo covered some of the info in first column – works great on desktop, but that padding doesn’t work on mobile, need it to be just 30px on mobile…

    grid row has an id of #info

    I tried making a 2nd grid row just for mobile, but then that navigation item “Info” doesn’t work on mobile, so I have to reduct the padding on mobile instead.

    • This topic was modified 4 years, 2 months ago by Eleina_Shinn.
    #1235278

    Hey Eleina_Shinn,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .home #info .av_one_fourth {
      padding-top: 30px !important;
    }
    }

    Best regards,
    Rikard

    #1235434

    That’s perfect, thank you so much!

    #1235542

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Grid Row – Differnet padding on mobile’ is closed to new replies.