Social media Icons – Bigger

pagestaltcenter · Member · Jul 25, 2016 at 10:47 pm
Copy link

Add topic to favorites
Is there any way I can increase the size of the social media icons in the footer with out breaking the responsiveness of the site? thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 26, 2016 at 7:18 am
Copy link
Hi there, the social icons are from a special font and you can change the size of those easily with the following CSS. Simply adjust the 16px value.
```
.genericon {
    font-size: 16px;
}
```
hallluke · Member · Jul 26, 2016 at 7:19 am
Copy link
Add this code to the CSS section of the customiser and see what you think, you can increase the numeric value to make it bigger or smaller.
```
.footer-widget .genericon {
	font-size: 1.5em;
}
```
I did notice that your existing code messes up the layout on larger screens because you’re setting the navigation to be 2000px wide whenever the display is at least 1020px wide. This means that visitors can scroll sideways and see a load of blank space. Maybe try changing it to something like this so super-widescreen monitors get a one line menu:
```
@media screen and (min-width: 1600px) {
	.navigation-classic .menu-primary {
		width:1600px
	}
}
```
pagestaltcenter · Member · Jul 29, 2016 at 4:59 pm
Copy link
Thank you for your help!
thesacredpath · Member · Jul 29, 2016 at 8:22 pm
Copy link
You are welcome.

No items found.