Tagged: header icons, social media icons
-
AuthorPosts
-
May 22, 2021 at 12:29 am #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!
May 24, 2021 at 3:28 am #1301875Hi 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,
NikkoMay 25, 2021 at 5:16 am #1302130ahhhhhh!!!
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 :)
May 25, 2021 at 5:18 am #1302133But if you could help me with that other request to make my logo larger on mobile, I’d appreciate it!
May 25, 2021 at 8:02 am #1302157Hi 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,
NikkoMay 27, 2021 at 12:57 am #1302475hmmm, that didn’t do anything?
May 31, 2021 at 8:09 am #1303102Hi 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,
NikkoMay 31, 2021 at 8:07 pm #1303259Yes! 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?
June 2, 2021 at 1:14 pm #1303581Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.