The padding of a block isn’t reducing on mobile screens

  • Resolved Euler

    (@eulerarthur)


    4 years, 7 months ago

    Hello. I created a topic in “fixing wordpress”, but recommended me to ask the question here. So the question is:

    Hey guys, do you know how to reduce this circulated space that appears only on the mobile screens? I already tried Microthemer and the “spacing” section of this block in Gutenberg, but something (maybe the theme I am using) does not allow to reduce the padding :/

    https://pbs.twimg.com/media/EWc5i0jWkAAy5Bs?format=jpg&name=large

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • This is in UAG:

    @media (max-width: 767px)
.uagb-section__inner-wrap {
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 100px !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

    padding-bottom: 100px !important;

    Thread Starter Euler

    (@eulerarthur)

    I added this code in additional css and changed the values for padding-bottom but nothing happened.

    Hello @eulerarthur

    You would need to increase the priority of the classes to see the custom code working as it already has !important to it.

    In the meanwhile, let me check again if we can provide something.

    Looking forward to getting back to you.

    Regards,
    Suman

    Thread Starter Euler

    (@eulerarthur)

    I was not able to do that but suddenly the Microthemer solution worked, thank you.

    Perfect, @eulerarthur

    Glad that you figured out.

    Do let us know if there is anything else we can help you with.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘The padding of a block isn’t reducing on mobile screens’ is closed to new replies.