Comments soledaduser started the conversationDecember 16, 2018 at 10:48amWhen using Header 6 and Header 9, the social media icons overflow into the screen when in mobile view. The social media icons should be hidden similar to the menu items when in mobile view. How can I hide the social media icons? You can see this in the demo website using Header 9 if you minimize the window screen to mobile screen size - http://soledad.pencidesign.com/soledad-food/?header=header-9&body=boxed-noneThis also happens when you enable social media icons in Header 6, which is the one I am using. Please see the attached screenshot of Header 6 and Header 9. Is there a way I can hide this? Thanks! 2,700PenciDesign repliedDecember 17, 2018 at 3:39amHi,Please add more this code to Customize > Custom CSS to do that: @media only screen and (max-width: 479px){ #navigation.header-6 .main-nav-social { display: none; } } Best Regards,PenciDesignsoledaduser repliedDecember 17, 2018 at 9:19amThank you this works! Sign in to reply ...
When using Header 6 and Header 9, the social media icons overflow into the screen when in mobile view. The social media icons should be hidden similar to the menu items when in mobile view. How can I hide the social media icons?
You can see this in the demo website using Header 9 if you minimize the window screen to mobile screen size - http://soledad.pencidesign.com/soledad-food/?header=header-9&body=boxed-none
This also happens when you enable social media icons in Header 6, which is the one I am using.
Please see the attached screenshot of Header 6 and Header 9. Is there a way I can hide this? Thanks!
Hi,
Please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 479px){ #navigation.header-6 .main-nav-social { display: none; } }Best Regards,
PenciDesign
Thank you this works!