soledaduser replied
Customer Reply
Thank you this works!
Public Ticket #5984
Social Media icon overflow in mobile view
Conversation thread
PenciDesign replied
Staff Reply
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
soledaduser started the conversation
Conversation Start
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!
Want to join this conversation or access attachments? Sign in first.
