Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1070041

    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

    #1070960

    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

    #1072684

    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!

    #1073691

    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

    #1079711

    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

    #1080964

    Hi Marion,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1081538

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

    #1082999

    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

    #1097264

    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

    #1097547

    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

    #1101540

    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!

    #1102285

    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

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