Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 7, 2022 at 1:04 pm #1339339
    fkm

    Hi Enfold team,

    I´m using separators (whitespace) to generate optimal spacing on different views (desktop, tablet, smartphone).
    That works fine too. Only one separator (negative value) doesn´t seem to work in combination with a tab section below.
    I´d like to reduce the spacing for the view on smartphones (please see screenshot), but it doesn’t react and I don’t know what to do anymore.
    So I would be very grateful for advice – please help.

    Thank you very much in advance.

    Best regards, fkm

    February 8, 2022 at 5:34 am #1339504
    Ismael

    Hey fkm,

    Thank you for the inquiry.

    You cannot use a negative height value but you can pull or push an element on any direction by applying a negative margin value. To pull the #teamtabs container upwards for example, you can use this css code.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #teamtabs {
    padding-top: 0 !important;
    margin-top: -10px;
  }
}

    Best regards,
    Ismael

    February 8, 2022 at 11:18 am #1339559
    fkm

    Hey Ismael,

    thank you very much for your quick reply and the css code.
    It works fine – great!

    Best regards, fkm

    February 9, 2022 at 5:31 am #1339692
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    February 9, 2022 at 10:21 am #1339754
    fkm

    Hi Rikard,

    this issue is solved succesfully.
    So you can close it.

    Thank you very much.

    Best regards, fkm

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Separator (whitespace) with negative value doesn´t seem to work’ is closed to new replies.