Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 22, 2020 at 10:15 am #1224540
    DianaLoola73

    dear support team
    I am currently working on the following page for a customer based on ENFOLD: elianafe.com
    Unfortunately, a problem arises in the portrait view at the top of the header: the head is completely cut:
    see the screenshot: http://elianafe.com/support/Home/image1.png
    If you look at the same page on the PC or on the tablet in landscape format, it is displayed correctly: see screenshot: http://elianafe.com/support/Home/image0.png

    Under css I have the following script:
    # 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;
    }
    }

    This script enables the portrait of the artist to always be aligned with the purple bar at the bottom – even if the page is reduced.
    What can I do so that the view works on the tablet portrait format and the portrait is not cut at the top, but is shown fully.
    Thank you for your editing.
    best regards Diana

    June 25, 2020 at 2:18 pm #1225501
    Victoria

    Hey Diana,

    It looks different on my end.
    Image 2020-06-25 at 15.17.57.png

    Which page is the issue on?

    Best regards,
    Victoria

    June 30, 2020 at 8:26 am #1226652
    DianaLoola73

    Hi Victoria

    The differing view only resulted from the fact that at this moment the English version had not yet been reworked in the new layout and they had a look at the English version and not, like me, at the German version. In the meantime, however, the English version has also been reworked and the problem described still persists. So I ask you to read my previous post with the problem description again and please help me.
    Greetings Diana

    June 30, 2020 at 5:02 pm #1226828
    Victoria

    Hi DianaLoola73,

    Could you please clear the cache, check again and get back to us.

    I tested many screen sizes in Chrome and Safari on a Mac and cannot reproduce the issue on my end.

    Best regards,
    Victoria

    July 1, 2020 at 1:27 pm #1227242
    DianaLoola73

    Hi Victoria,
    Have you looked at the specified page on a TABLET? The problem is only in the TABLET PORTRAIT VIEW !!
    (See detailed problem description and screenshots in my first message of this post.)
    Even when clearing the cache, the problem appears here on the i-pad in portrait view in both the Safari browser and Firefox.
    Thank you very much and best regards Diana

    July 6, 2020 at 8:47 am #1228220
    Ismael

    Hi,

    Thank you for the inquiry.

    You might have to decrease the width of the image to make it completely visible on smaller screens.

    @media only screen and (max-width: 1024px) {
    #banner-port {
	width: 150px;
    }
}

    Best regards,
    Ismael

    August 12, 2020 at 9:01 am #1236874
    DianaLoola73

    Thank you. this solutions worked.
    Best reagrds Diana

    August 13, 2020 at 5:12 am #1237242
    Rikard

    Hi Diana,

    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

    August 13, 2020 at 6:17 am #1237268
    DianaLoola73

    Hi Rikard,
    you can clos the ticket. Thank you!
    Best regads, Diana

    August 13, 2020 at 2:28 pm #1237428
    Victoria

    Hi DianaLoola73,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘header cut in tablet portrait format’ is closed to new replies.