Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 1, 2021 at 12:45 pm #1331147
    fkm

    Hi Enfold team,
    in order to adjust empty spaces for the different views, I use IDs (e.g. “space-one”, please see below) to name spacing elements. This enables me to reduce the white space for smartphones, for example. It looks good on large screens (including landscape tablets) and on smartphones. It only doesn’t look optimal on tablets in portrait format (please see screenshot). Please let me know how to adjust the tablet portrait spacing without changing anything for the other views.

    Thank you very much in advance.

    Best regards,
    fkm

    @media only screen and (min-width: 767px) {
    #space-one {
    display:none !important;
    }
    }

    @media only screen and (max-width: 767px) {
    #space-two {
    display:none !important;
    }
    }

    December 2, 2021 at 3:58 pm #1331325
    Ismael

    Hey fkm,

    Thank you for the inquiry.

    Have you tried using the Separator/Whitespace element instead? In the element’s Advanced > Responsive Settings panel, look for the Element Visibility option to toggle the visibility of the element on different screen sizes including the tablet view.

    Best regards,
    Ismael

    December 3, 2021 at 11:32 am #1331439
    fkm

    Hey Ismael,

    thank you very much for your reply.

    Although this option can hardly be overlooked, I overlooked it and so unfortunatelly I didn´t use it yet.
    I just tried using it and it works great.
    Exactly what I meant and even easier than I thought.

    Thank you very much for this valuable tip.

    Best rgards,
    fkm

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Adjust the spacing in the tablet view (portrait)’ is closed to new replies.