[crassna]

Hi,

Two questions regarding the header:

1.I would like to increase the size of social media icons, can you help me do this?
2. My logo is partially outside of the header and covering other elements. I can only move it higher by changing its height but then it is too small. How can I move it higher and keep the current size?
https://s14.postimg.org/x868a7jep/header.jpg

Thank you!

[serkan]

Hi crassna,

1 ) You can use this custom css code;

.site-header .social-link { font-size: 18px; }

2 ) Appearance > customize > side identity > image logo height > you can deacrease the size for logo or
Go to appearance > customize > header > general > header layout > header one row

Thanks

[crassna]

Hi! Thank for your answers:

1. It works, thanks.
2. I’ve tried both options but they don’t work for me.
First one – changing “image logo height” makes my logo too small when it finally fits in the header.
I’m using the small header option because I would like to have all the header information in one row.
Second option you mentioned: changing to “header one row” makes the logo look right but then the header menu and icons are actually two rows with unnecessary space in the center and I can’t move them to the left. I’ve tried the option menu align left but it’s still on the right side.
So my questions is: how can I move it more to the center so that the menu options and social icons and the logo are all in one row?
https://s15.postimg.org/69ws1xw3v/header.jpg

Thanks

[serkan]

Hi, You can try to use this custom css code;

@media screen and (min-width: 992px) {
.site-header .site-title img {  margin-top: -20px; } }

Thanks

[crassna]

It works, thank you!

One more thing: I want to increase the size of the search button as well. How is it called in the code?

[serkan]

Hi,
You can use this custom css code;

.search-toggle:before { font-size: 15px; }

Thanks