Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 11, 2021 at 10:00 pm #1271700
    donkrisho

    Hello,

    I have set a different logo for the small screens, but it is not clickable any longer (to go back to the home/landing page).

    I used the following CSS:
    @media only screen and (max-width: 767px) {
    .logo {
    content: url(“LINK-TO-MY-LOGO”);
    object-fit: scale-down;
    width: 150px;
    height: auto;
    }
    }

    It works perfectly, but I’d like to make it clickable in order to go to the home page, and avoid adding “Home” to my mobile menu. (Link in the private section)

    Do you know how I can achieve that?

    Thanks!!
    Best regards

    January 12, 2021 at 10:32 am #1271798
    Nikko

    Hi donkrisho,

    Can you try to apply it to the anchor tag instead of the .logo, you can try to use this code:

    @media only screen and (max-width: 767px) {
  .logo a {
    content: url(“LINK-TO-MY-LOGO”);
    object-fit: scale-down;
    width: 150px;
    height: auto;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    January 18, 2021 at 8:02 am #1273254
    donkrisho

    Hi Nikko,

    I thought I replied to you, but it seems like I didn’t, sorry for that. Thanks a lot, this fix worked perfectly! I indeed missed the anchor tag on the mobile logo version.

    Thanks again!
    Kind regards

    January 18, 2021 at 9:08 am #1273262
    Nikko

    Hi donkrisho,

    No worries, we’re just glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘I have set a different logo for mobile phones, but it is not clickable anymore’ is closed to new replies.