 
	
		Tagged: header icons, social media icons
- 
		AuthorPosts
- 
		
			
				
May 22, 2021 at 12:29 am #1301711Hi 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.
