Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 31, 2020 at 6:15 pm #1180320
    AndKoes

    Hallo zusammen,

    wie kann ich in der Ansicht auf dem Smartphone den Header verstecken bzw. nicht anzeigen lassen?

    Besten Dank im voraus,

    Andrea

    January 31, 2020 at 8:29 pm #1180401
    Victoria

    Hey AndKoes,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    February 2, 2020 at 10:28 pm #1180708
    AndKoes

    Hey Victoria,

    the link: https://elearning.cp-bap.de/

    The site isn’t published yet, you’ll find the password in the private content.

    Maybe it’s possible to enlarge the logo instead of hiding the complete header? That would be the best solution, thank you.

    February 3, 2020 at 1:01 pm #1180897
    Rikard

    Hi,

    Thanks for that, you can hide the header using this in Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    display: none;
}
}

    Fixing your logo seems to be difficult since it’s so wide. Maybe you could try to add the right part in widget instead? https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Rikard

    February 4, 2020 at 4:10 pm #1181329
    AndKoes

    Hi Rikard,

    thx a lot. I tried the version with a widget in the header, but it doesn’t work. The widget is appearing left under the logo. Could you please help me to set the widget right?

    I even tried the CSS code, but it doesn’t work. The header was shown in mobile version anyway.

    Thanks in advance and best regards,

    Andrea

    February 4, 2020 at 6:14 pm #1181423
    Victoria

    Hi AndKoes,

    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_image-2 {
    width: 20vw;
    float: right;
    padding: 0;
    height: 80px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 4, 2020 at 8:57 pm #1181524
    AndKoes

    Hi Victoria,

    thank you so much, it works very well. Could you please help me to minimize the logo for mobile phone, so that logo and the image in the header widget will appear in one line?

    Best regards,

    Andrea

    February 4, 2020 at 9:40 pm #1181554
    Victoria

    Hi Andrea,

    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 (max-width: 767px) {
    .responsive #top .logo {
        position: absolute;
        width: 70%;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 4, 2020 at 10:05 pm #1181565
    AndKoes

    Hi Victoria,

    many thanks, it works very well.

    Best regards,

    Andrea

    February 5, 2020 at 9:07 am #1181651
    Rikard

    Hi Andrea,

    Great, I’m glad that Victoria 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

    February 5, 2020 at 9:49 am #1181666
    AndKoes

    Hi Rikard,

    it’s all done, you can close it. Thanks a lot.

    Best regards,
    Andrea

    February 7, 2020 at 9:19 am #1182248
    Rikard

    Hi Andrea,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Header verstecken auf Smartphone’ is closed to new replies.