-
Posted in : TheBlogger
-
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.jpgThank you!
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 rowThanks
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.jpgThanks
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
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?
You must be logged in and have valid license to reply to this topic.