- This topic has 3 replies, 2 voices, and was last updated 4 years, 9 months ago by Blogging Theme Styles.
-
AuthorPosts
-
-
July 10, 2019 at 17:16 #7914OlgaParticipant
Hi, Andre! I am trying to change the header to a more personalized one. I’ve tried deleting the header and using a logo instead and that doesn’t look good at all. I’ve also tried changing the Header image, but the problem is that I cannot remove the current site title & tagline without affecting the spacing in the header which is perfect as it is now. Basically, if I delete the site title & header, there is really not much space above the menu for my new header to fit (i hope that makes sense…). So I was wondering, is it possible to remove both the site title & the tagline without it affecting the spacing in the header?
If not, how can I change the site title & tagline color (when I try changing it in Site Identity/Customizing, nothing happens 🙁 ) What I did was put a period instead of both Site Title & Tagline, but it is very visible and messes up the design unfotunately.
If none of these options work, is it possible to change the Site Title font? (I would like to use the Tangerine font)
My website: https://askyoursoul.org/Thanks so much for your time!
-
July 10, 2019 at 18:14 #7915Blogging Theme StylesKeymaster
Hi Olga,
I can see the period on your logo :).
We can hide the Site Title and Site Description (Tagline) using CSS.Navigate to Appearance > Customize > Additional CSS, and enter this code and save:
.site-title, .site-description {
display: none;
}
.site-branding {
padding: 60px 30px;
}
@media only screen and (max-width: 990px) {
.site-branding {
padding: 30px;
}
}Does that solve it?
-
July 10, 2019 at 18:33 #7916OlgaParticipant
Hi Ramsey! 🙂
Oh my gosh, thank you SO MUCH for your help and for such a quick reply!! This totally worked (not being very tech savvy, this feels like a little miracle to me so I’m definitely excited ;)) -
July 10, 2019 at 18:56 #7917Blogging Theme StylesKeymaster
You are most welcome! I also suggest testing in tablet mode (resize browser) and in your mobile phone, just to make sure that it all looks fine :).
-
-
AuthorPosts
- The topic ‘Changing the Header’ is closed to new replies.