Archived topic
Add logo to site title in Mallow
5 replies · Started by Gregg Lybbert on August 25, 2022
How do I get the logo to appear in the same block as the site title in the Mallow theme? I would like the logo and the site title to be in one block and move together. (I would also like to know how to fine-tune the spacing between the two, if possible). Right now the logo appears off to the side and it looks rather strange. I would prefer you show me how it's done rather than just doing it, but I will take either.
Hi there,
so the Mellow theme uses some CSS to add that background to the site title.
Go to Customizer > Additional CSS.
Look for this CSS and Delete it:
.site-branding, .navigation-branding {
background: rgba(0,0,0,0.8);
display: inline-block;
padding: 10px 30px;
border-radius: 3px;
transition: background 500ms ease;
}Then add this CSS:
.site-branding-container {
background: rgba(0,0,0,0.8);
display: inline-block;
padding: 10px 30px;
border-radius: 3px;
transition: background 500ms ease;
}Thank you! This causes the logo to be on a line above the title, how do I correct that? I would like the logo to be just to the left of the title.
Aah, sorry, change the CSS to:
.site-branding-container {
background: rgba(0,0,0,0.8);
padding: 10px 30px;
border-radius: 3px;
transition: background 500ms ease;
}Thank you sooo much!
You're welcome
