Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 26, 2020 at 4:13 am #1225705
    navindesigns

    On my page, I have a grid row (1/5 + 4/5). On the 4/5 cell, I have added padding on the left and the right. On desktop it looks great but it is also affecting tablet. How do I set it to only affect desktop?

    Contact

    June 26, 2020 at 3:33 pm #1225879
    Victoria

    Hey navindesigns,

    Please share the code that you added?

    Best regards,
    Victoria

    June 26, 2020 at 3:46 pm #1225891
    navindesigns

    there is no code

    I just added padding in the cell

    see screenshot
    https://ibb.co/bLWJvhf

    June 26, 2020 at 7:43 pm #1225976
    Jordan Shannon

    Hi,

    Add this to quick css:

    
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.page-id-566 #av-layout-grid-1 .flex_cell.no_margin.av_four_fifth.avia-builder-el-5.el_after_av_cell_one_fifth.avia-builder-el-last{
padding:50px!important;
}}

    Best regards,
    Jordan Shannon

    June 26, 2020 at 8:09 pm #1225980
    navindesigns

    I think it worked but my left column the text is running outside of the column

    please view on tablet

    Contact

    June 27, 2020 at 2:19 am #1226017
    Jordan Shannon

    Hi,

    You can try this also. This may also be a better solution:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.flex_cell.no_margin.av_one_fifth.avia-builder-el-1.el_before_av_cell_four_fifth.avia-builder-el-first   {
width: 47%!important;
}}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.