Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 12, 2018 at 12:48 pm #984679
    Stegemueller

    Hi there,

    I would like to hide the standard Enfold icon, from my site when seen on mobile. It is about this site: https://praestedammen.dk.
    i write for a friend, and send his credentials in the private section.

    In my CSS, I already have this:

    .logo img { display: none; }

    And I am not good at CSS at all…:-)

    I tried to read and use this, but I don’t get, how I can know what names the elements have, and maybe it is totally wrong to look for a solution there: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Hanne
    Denmark

    July 13, 2018 at 5:19 am #984949
    Rikard

    Hi Hanne,

    I’m not sure I understand what you are looking to hide on mobile, what is the “standard Enfold icon”? Do you mean the icon in the browser tab?

    Best regards,
    Rikard

    July 13, 2018 at 11:56 am #985118
    Stegemueller

    Hi

    I understand, that you don’t understand! I used the wrong term!

    What I would like to hide on mobile is the Enfold logo and the word ENFOLD

    Does this make sense?

    Best regards,
    Hanne

    July 14, 2018 at 6:54 am #985409
    Rikard

    Hi Hanne,

    Yes, that makes more sense :-)

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.bg-logo {
  display:none;
}

#header_main .inner-container {
  min-height: 80px;
}
}

    Best regards,
    Rikard

    July 14, 2018 at 1:44 pm #985477
    Stegemueller

    Hi Rikard

    Thank you very much for your quick reply!

    I tried the CSS you sent me, but I couldn’t make it work.

    To be absolutely sure, that we’re talking about the same thing, i made a screen shot for you here: https://praestedammen.dk/temp_Enfold_logo.PNG

    Best regards,
    Hanne

    July 15, 2018 at 7:12 am #985586
    Rikard

    Hi Hanne,

    It’s applying but it’s being overridden, please try this instead:

    @media only screen and (max-width: 767px) {
.bg-logo {
  display:none !important;
}

#header_main .inner-container {
  min-height: 80px;
}
}

    Best regards,
    Rikard

    July 15, 2018 at 8:00 am #985606
    Stegemueller

    Hi Rikard

    You certainly is my hero of today!

    Thanks a lot! Now it is perfect!

    Have a great day.

    Best regards,
    Hanne

    July 16, 2018 at 7:26 am #985838
    Rikard

    Hi Hanne,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 16, 2018 at 10:59 am #985892
    Stegemueller

    Hi Rikard

    Mission completed. Case can be closed.

    Have a great day.

    Best regards,
    Hanne
    Denmark

    July 17, 2018 at 4:44 am #986233
    Rikard

    Hi Hanne,

    Great, glad we could help and thanks for the feedback. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Hide standard icon on mobile’ is closed to new replies.