Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 31, 2017 at 4:15 am #846061
    YongyanLi

    Hi, we make an png or jpg file as our logo, it is working good.
    but in the mobile, the logo is always overlap with the new burger menu
    I am tired of move the positon of the burger menu by css ( it looks not good in some browser)

    so is there any way that we can make a different logo in mobile or show text menu only in mobile
    (purpose is to make the logo as small as possible in mobile view and not to mixed up with the menu)

    August 31, 2017 at 8:06 am #846119
    Jordan Shannon

    Hey YongyanLi,

    So you would be okay with removing the logo on mobile?

    Best regards,
    Jordan Shannon

    August 31, 2017 at 10:17 am #846162
    YongyanLi

    yes, but can display the text instead?

    August 31, 2017 at 4:09 pm #846327
    Sarah

    Hi!

    Please check out our documentation here: http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/

    Our documentation includes CSS to remove the logo. Since you would only like to do this for mobile, please use this CSS with a media query instead:

    @media only screen and (max-width: 720px) {
    .logo > a > img { display: none !important; }
}

    For more information on media queries, please see: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    If you need more help, please let us know.

    Best regards,
    Sarah

    September 1, 2017 at 8:18 am #846681
    YongyanLi

    Hi, following up above documentation, and it turns out badly

    so gave up the text logo and pefer to make the logo smaller in mobile by below CSS you offered

    @media only screen and (max-width: 1100px) {
    .av-main-nav > li > a { padding: 0 7px; }
    }

    and now the website is getting blank and unable to get access any more
    so I have to delete it by FTP.

    so that’s wrong with that code

    September 1, 2017 at 9:22 am #846714
    YongyanLi

    it is my mistake

    the code is working

    but it overlaps still ( just less)

    is there any way to make the image display smaller?

    September 1, 2017 at 5:34 pm #846932
    Jordan Shannon

    Hi,

    I’m not seeing the overlap. Would you be able to provide a screenshot?

    Best regards,
    Jordan Shannon

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