Remove a menu showing only on mobile version

This topic has 3 replies, 2 voices, and was last updated 9 years, 12 months ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 27, 2014 at 12:41 pm #11924
elenabrz
Customer
Hi Wes
You may remember a custom job for me which required adding simple social icons as an extra or secondary menu to my site (production site using Epik). With Square One, I have disabled that menu from showing at the header. However if you go to my testing site on your cellphone you’ll see that secondary menu with simple social icons, which is not showing on desktop version. How could I remove this from showing on cellphones?
Thanks as always,
April 27, 2014 at 11:27 pm #11936
Wes
Moderator
If you want the Social Icons to appear when viewed on desktop you can add overflow: hidden; to the .site-header .widget around line 1838 in your css –
```
.site-header .widget {
	color: #fff;
	margin: 0 0 20px;
	overflow: hidden;
}
```
If you don’t want them to appear on mobile devices, then add this to your responsive section (480px) –
```
.simple-social-icons {
	display: none;
}
```
April 28, 2014 at 4:20 am #11945
elenabrz
Customer
This reply has been marked as private.
April 28, 2014 at 12:36 pm #11960
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Remove a menu showing only on mobile version’ is closed to new replies.