Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 15, 2019 at 5:22 am #1147938
    navindesigns

    Hi
    I have a page with a grid row and inside of it is an easy slider. It looks great on desktop but on mobile there are white space on the left and right and also not enough padding on the bottom

    site – https://www.themrteam.com/properties-2
    screenshot – https://imgur.com/GEW1JSb

    Please help

    Thanks

    October 16, 2019 at 9:32 pm #1148679
    Basilis

    Hey navindesigns,

    This is the design for the mobile view.
    Do you wish to remove the padding effect?

    Best regards,
    Basilis

    October 16, 2019 at 9:34 pm #1148683
    navindesigns

    yes please

    October 17, 2019 at 9:12 am #1148831
    Rikard

    Hi,

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

    media only screen and (max-width: 767px) {
.postid-7037 #av-layout-grid-2 .av-flex-cells .no_margin {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

    Best regards,
    Rikard

    October 21, 2019 at 4:23 am #1149683
    navindesigns

    that did not work

    please view on mobile

    Properties

    October 21, 2019 at 2:39 pm #1149874
    Victoria

    Hi navindesigns,

    There is one important symbol missing in the code below, please try like this:

    
@media only screen and (max-width: 767px) {
.postid-7037 #av-layout-grid-2 .av-flex-cells .no_margin {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

    Best regards,
    Victoria

    October 21, 2019 at 8:31 pm #1149958
    navindesigns

    This is still not working.

    Thanks

    October 23, 2019 at 12:21 pm #1150480
    Victoria

    Hi navindesigns,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive #top.postid-7037 #wrap_all #av-layout-grid-2.av-flex-cells .no_margin {
      padding-left: 0% !important;
      padding-right: 0% !important;
      margin-bottom: 20px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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