Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 21, 2019 at 5:54 pm #1070041
    mslunsky

    Dear team!
    Can you please have a look at my website – I have problems in adjusting the mobile view with @media only screen, that I can’t work out.

    While the site works fine on mobile phone (all elements are beneath each other) on tablet (768x1024px) the elements are displayed the same as on desktop, but there isn’t enough space for the content left, middle and right. Please look at

    ../leistungen/ernaehrungsberatung/
    ../leistungen/gewichtsreduktion/
    ../online-terminvereinbarung/

    1.) On these three pages the h1 on the left is too long and reaches into the content.
    2.) On all pages (not only these three) the sidebar on the right is slightly cropped on the right (in the middle of the last letter)

    Can you please help me!?
    Thanks and kind regards,
    marion

    February 24, 2019 at 4:18 pm #1070960
    Victoria

    Hey mslunsky,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:768px) and (max-width: 1024px){
    .av-special-heading-tag {
        word-wrap: break-word;
        font-size: 1.8em;
    }
    .inner_sidebar, .content .entry-content-wrapper {
        margin-left: 30px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 28, 2019 at 6:00 pm #1072684
    mslunsky

    Dear Victoria!
    Thanks for your help! I reduced the font-size even more, I hope it works now on different tablet resolutions…
    Can you please have another look at this page: https://www.2eat-consulting.at/online-terminvereinbarung/ > the first of the red headlines (h5) “Ernährungsberatung” is still cropped on the right.
    Thanks!

    March 2, 2019 at 7:19 pm #1073691
    Victoria

    Hi mslunsky,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av_textblock_section h5 {
    word-wrap: break-word;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 17, 2019 at 9:25 pm #1079711
    mslunsky

    thanks, Victoria!
    One (hopefully) last question: On mobile the news-headline at the bottom (“Ernährung für Künstler_innen”) is cropped at the top. On tablet (or smaller viewport) a second line is also cropped. I can’t fix ist whatever I do. All the line-heights and space between headlines (green) and paragraphs (red) should be the same in the whole sidebar as it is with “2eat LEISTUNGEN” and the first (and the other lines) “Ernährungsberatung”.

    Kind regards,
    Marion

    March 20, 2019 at 7:07 pm #1080964
    Victoria

    Hi Marion,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    March 21, 2019 at 7:32 pm #1081538
    mslunsky

    Dear Victoria!
    Please find the screenshot in the private content.
    Thank you!

    March 26, 2019 at 8:31 am #1082999
    Ismael

    Hi,

    We can’t reproduce the issue on our end. This is what we get on iPad view.

    // https://imgur.com/a/AxOmKRo

    Best regards,
    Ismael

    May 4, 2019 at 5:37 pm #1097264
    mslunsky

    Hi Ismael!
    It’s true, our screenshots differ and yours is not cropped. But the 2nd line “Künstler_innen” on the right is too close to the first one “Ernährung für”. Can you help me what to do to increase the line-height in the right sidebar of “Ernährung für Künstler_innen” ?
    Thanks!
    Kind regards,
    Marion

    May 6, 2019 at 3:34 am #1097547
    Ismael

    Hi,

    Thanks for the update.

    The page above looks different from previous page and the screenshot. Where can we see the issue again? Please provide the actual url of the page in the private field.

    Best regards,
    Ismael

    May 16, 2019 at 5:42 pm #1101540
    mslunsky

    Hi Ismael!
    It differs depending on the size of the window/the zoom of the view. I need the line “Ernährung für Künstler_innen” if it is separated into two lines with enough spcae in between them…
    thanks!

    May 19, 2019 at 2:54 pm #1102285
    Victoria

    Hi mslunsky,

    https://cl.ly/8c4d772a318a IN this case, this code in your Quick css is affecting the line height and it uses !important;

    Why is this code there? What it the purpose?

    Best regards,
    Victoria

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