Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 28, 2025 at 12:00 pm #1478242
    ausgesonnen

    the top of the text disappears when I narrow the window and the burger Menu appears. Why is that? Also the burger menu is aligned more to the right that the text menu. They should both be aligned to the column width. Please send code.

    March 1, 2025 at 11:49 am #1478302
    Rikard

    Hey ausgesonnen,

    This CSS is causing that to happen:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 0 !important;
    margin: 0;
  }
}

    Did you add it in Quick CSS maybe?

    Best regards,
    Rikard

    March 1, 2025 at 5:33 pm #1478336
    ausgesonnen

    yes this is code that Günni sent me and I included it in quick css. So what exactly is the problem and what is the solution?

    Here again the problem:
    the top of the text disappears when I narrow the window and the burger Menu appears. Why is that? Also the burger menu is aligned more to the right that the text menu. They should both be aligned to the column width. Please send code.

    March 2, 2025 at 11:21 am #1478375
    ausgesonnen

    Bump – please also reply to this.

    March 3, 2025 at 9:02 am #1478443
    Rikard

    Hi,

    The problem is that the code in question removes the default padding, and that leaves your content under the header on tablet sizes. If that is not what you would like, then please remove the code.

    Best regards,
    Rikard

    March 3, 2025 at 9:19 am #1478448
    ausgesonnen

    Please explain which code exactly is doing this?

    March 3, 2025 at 5:56 pm #1478484
    ausgesonnen

    I checked again and this code does not exist in the quick CSS. Where did you find it?

    March 3, 2025 at 7:48 pm #1478490
    Rikard

    Hi,

    You can try to override it using the snippet I posted above then. The padding-top statement adds padding to the element in question. Try increasing it by 200 or 300 pixels for example.

    Best regards,
    Rikard

    March 4, 2025 at 9:31 am #1478551
    ausgesonnen

    I have already tried this. nothing is happening. Please see for yourself. Do you have another solution?

    March 4, 2025 at 1:28 pm #1478576
    Rikard

    Hi,

    You have this in your child theme:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 200px !important;
    margin: 300;
  }
}

    Try removing the padding top argument.

    Best regards,
    Rikard

    March 4, 2025 at 6:16 pm #1478599
    ausgesonnen

    I don’t know what you mean by “you have this in your child theme.” please explain

    March 5, 2025 at 6:31 am #1478630
    Ismael

    Hi,

    Did you add this css in the css > layout.css file?

    .responsive #top #main {
    padding-top: 200px !important;
    margin:0;
}

    This css rule is not in theme by default. Please move the css rule in the Quick CSS field or in the child theme’s style.css file:

    @media only screen and (max-width: 767px) {
    .responsive #top #main {
        padding-top: 200px !important;
        margin: 0;
    }
}

    Best regards,
    Ismael

    March 5, 2025 at 9:50 am #1478647
    ausgesonnen

    Ok have done that but no change.
    Please see for yourself. Open the page and narrow the window. In the beginning all text is there, then the top disappears and in the end, when the logo is also shrunk, all the text is visible again.
    Please send fix.

    March 6, 2025 at 5:31 am #1478713
    Ismael

    Hi,

    It seems to be working correctly on our end. Please make sure to purge the cache or check the site on incognito mode.

    View post on imgur.com

    Best regards,
    Ismael

    March 11, 2025 at 11:21 am #1479070
    ausgesonnen

    thats sorted now by Günni. Thank you.

    March 11, 2025 at 4:39 pm #1479095
    Mike

    Hi,
    Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘column top disappears when window is narrowed’ is closed to new replies.