Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 28, 2020 at 7:37 am #1207697
    DianaLoola73

    Dear support team
    I am currently working on a redesign of his home page in ENFOLD for a customer. We have created the following test page:

    Home_neu2-1April

    At the top, below the header, a photo portrait should be shown on the left and a text with quotations to the right. The photo portrait should sit directly on the bar underneath (without any distance).
    If you look at the page on the screen of a computer, this is displayed correctly: see also http://elianafe.com/support/PC_Screen.png
    However, if you look at the page on the tablet, there is a gap between the photo portrait and the gray bar underneath, both in a landscape and portrait view: see screenshots tablet:
    Portrait: http://elianafe.com/support/Tablet_Hochformat.png
    Landscape: http://elianafe.com/support/Tablet_Querformat.png
    How can i prevent this? How can I arrange the photo portrait so that it always sits on the gray bar with every view?
    Many greetings and thank you for your processing.
    Diana

    April 28, 2020 at 8:17 am #1207708
    Yigit

    Hey Diana,

    I edited your test page and gave top Color Section and columns inside it custom ID’s and then added following code to top of Quick CSS field in English version

    #home-banner .content { padding-bottom: 0; }
@media only screen and (max-width: 1200px) and (min-width: 769px) {
#banner-testi {
    float: right;
}
#banner-port {
    position: absolute;
    bottom: 0;
}
}

    Please review your website :)

    Best regards,
    Yigit

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