Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 6, 2017 at 5:20 pm #773350
    mosaic

    If you have a look at the page in the private content on a desktop, the testimonials are in line with the contact form beneath it. But if you have a look from a mobile then the testimonials have extra padding left and right. Why is this?

    April 6, 2017 at 7:12 pm #773412
    Jordan Shannon

    Hey kieranvyas,

    Try adding this to quick css:

    @media only screen and (max-width: 767px){
.responsive #top #wrap_all .av-flex-cells .no_margin{
padding-left:0px!important;
padding-right:0px!important;
}
}

    Best regards,
    Jordan Shannon

    April 7, 2017 at 7:27 pm #774146
    mosaic

    I’m afraid this doesn’t work. This removes the padding entirely. If I try and reintroduce the padding using this code and change 0px to 10px then the testimonials still have more padding than the rest of the text.

    What I’d like is to keep the text padding as it is but make the testimonials have the same padding.

    • This reply was modified 7 years, 7 months ago by mosaic.
    April 7, 2017 at 8:44 pm #774187
    Basilis

    Hey!

    Cna you change padding to margin and let us know if that works better?

    Thank you

    Regards,
    Basilis

    April 7, 2017 at 9:33 pm #774206
    mosaic

    This has no effect unfortunately.

    April 8, 2017 at 9:32 am #774407
    Basilis

    Hi!

    You can only play with the amount of padding, example make it 5 or check if the column has set some extra padding

    Cheers!
    Basilis

    April 8, 2017 at 7:31 pm #774653
    mosaic

    Sorry I don’t understand your response. Just to clarify the issue, please take a look at the image linked in private content. As you can see, on mobile view the testimonials have a larger padding than the text. I want the padding to be consistent. Thank you.

    April 9, 2017 at 2:06 pm #774940
    Jordan Shannon

    Hi,

    Would you be able to provide admin info so we can log in and take a look at this? The padding should work, but I want to take a look at additional css.

    Best regards,
    Jordan Shannon

    April 9, 2017 at 7:40 pm #775092
    mosaic

    Yes, details in private content.

    April 9, 2017 at 10:39 pm #775151
    Vinay

    Hi,

    We have added the below code to Quick CSS

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .avia-testimonial.no_margin {
    padding-left: 0% !important;
    padding-right: 0% !important;
}}

    You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

    • This reply was modified 7 years, 7 months ago by Vinay.
    April 9, 2017 at 11:39 pm #775171
    mosaic

    Yep I can see straight away that’s done it! Perfect! Thank you very much

    April 10, 2017 at 12:44 am #775194
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Why do testimonials have extra padding on mobile?’ is closed to new replies.