Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 7, 2022 at 1:20 am #1360968
    mistermagoo8691

    Hi folks.
    See in the screenshot the padding and margins I am trying to reduce in my Accordion.
    It’s enough to reduce the left & right padding & margin (see blue and red spaces highlighted in the screenshot).

    https://imgur.com/a/Nfp7siV

    I need to do it on mobile only, to get as much space as possible on a small screen.
    I know how to limit a CSS change on mobile only (the usual @media only screen and (max-width: 767px) {…).

    As for the CSS change, I’ve tried to find the classes to be changed, but after trying various among togglecontainer, single_toggle, av_toggle_section, etc… I must surrender and ask for your help.
    Thanks in advance!
    Bye,
    A.-

    August 7, 2022 at 10:41 am #1360980
    Rikard

    Hey Angelo,

    I think you did the same thing in this thread as in the other; you posted login details to the live site, but linked to a page on a staging site, which is htaccess protected.

    Best regards,
    Rikard

    August 7, 2022 at 11:43 am #1360988
    mistermagoo8691

    Sorry @Rikard, I did not understand that you were referring to the page example link :-) Fixed it, thank for your patience…

    August 7, 2022 at 2:10 pm #1360998
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-11020 #after_grid_row_1 .container {
    max-width: 100%;
    padding: 0;
}

.page-id-11020 #after_grid_row_1 .av-minimal-toggle .toggle_content {
    padding: 12px 0 11px 0;
}

    If you need to add this to more than one element and page, then please add a class to the element options instead, and adjust the CSS accordingly. If you need help with new CSS, then let us know.

    Best regards,
    Rikard

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