Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1301711

    Hi there,

    I followed the instructions here:
    https://kriesi.at/support/topic/social-media-icons-in-the-main-menu-navigation/

    but had to remove the code it said, because it made my H1 font weight thin on mobile?

    Can you help me get this sorted? I took the code out because didn’t like the light font on mobile.

    I’d also like my logo larger on mobile too please!

    #1301875

    Hi BrendaSarg,

    Yes, please give us access to it, so we can check on it.
    Since I don’t really see a code that should affect your h1 font, please put back the code, we’ll try to provide adjustments for it.

    Best regards,
    Nikko

    #1302130

    ahhhhhh!!!

    Now it works! So sorry, I’m not sure what happened there? I tried it multiple times and it was making my font light, now it’s fine.

    Thank you for your response though :)

    #1302133

    But if you could help me with that other request to make my logo larger on mobile, I’d appreciate it!

    #1302157

    Hi BrendaSarg,

    Can you try to add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width: 767px) {
      .responsive #top .logo {
        height: 140px !important;
      }
    
      .responsive .logo img {
        max-height: 140px;
      }
    }

    The default size is 80px, just adjust the value (140px).

    Best regards,
    Nikko

    #1302475

    hmmm, that didn’t do anything?

    #1303102

    Hi BrendaSarg,

    I apologize for the delayed response.
    I have checked it and the code seems to work properly, screenshot in private content.
    Screenshot 1 is with the code and Screenshot 2 is without the code.

    Best regards,
    Nikko

    #1303259

    Yes! I’m all good, thanks Nikko.

    Back to the social icons behind the navigation, lovely on desktop, but not mobile friendly, can you assist with that?

    #1303581

    Hi BrendaSarg,

    We’re happy to hear that :)
    Can you try to add this CSS code:

    @media only screen and (max-width: 479px) {
      .responsive #top #wrap_all #header #header_main .main_menu .social_bookmarks {
        display: block;
      }
    }

    Best regards,
    Nikko

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