Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #773350

    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?

    #773412

    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

    #774146

    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, 8 months ago by mosaic.
    #774187

    Hey!

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

    Thank you

    Regards,
    Basilis

    #774206

    This has no effect unfortunately.

    #774407

    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

    #774653

    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.

    #774940

    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

    #775092

    Yes, details in private content.

    #775151

    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, 8 months ago by Vinay.
    #775171

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

    #775194

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

    Best regards,
    Mike

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