Logo Title Not Responsive

Resolved LilahLee
(@lilahlee)

11 years, 8 months ago

For some reason the site name logo will not resize responsively like the rest of the page when I test it on mobile – it just stays the same size and stretches the page out. I tried changing the logo spacing but it just makes this worse – by also causing the primary navigation buttons to move out of place. Since the primary menu background is transparent it needs to line up with the base of my banner in order to be readable. Is there something I can do to make these adapt to be smaller like the rest of the elements on the page but also stay in place? Including the shortened mobile menu.

Viewing 7 replies - 1 through 7 (of 7 total)

hannah
(@hannahritner)

11 years, 8 months ago

Hey, can you post a link?

Thread Starter LilahLee
(@lilahlee)

11 years, 8 months ago

I am making some rather drastic changes so I was using a plugin that makes the website unviewable to anyone but me. I took it down so that you can have a look but I don’t want to leave it down too long – there is still so much more to be done. When I started to make these changes I pretty much stripped my site down to default settings and I noticed the logo issue – but truth be told it has always been there. It would be nice to figure out what the problem is before I start decorating the place with nice graphics. I made the header image the same as the main content background because of this really ugly gap I have been unable to get rid of when I use the original one. I really hope a solution can be found – even something simple I have overlooked!

http://www.CurioRealm.com

hannah
(@hannahritner)

11 years, 8 months ago

So you’ve got your right and left spacing set to 80px each but you’ve already chosen a centered logo layout. Try moving your spacing’s to 0px and see if that works.

Hannah

hannah
(@hannahritner)

11 years, 8 months ago

This can be done in theme options > main settings.

Thread Starter LilahLee
(@lilahlee)

11 years, 8 months ago

Hello, I have had those settings down to 0 and they don’t make a difference.

I just tried it again and it still runs off the page.
Ben Ritner – Kadence WP
(@britner)

11 years, 8 months ago
Add this to your custom css box in the theme options:
```
@media (max-width: 767px) {
header #logo a.brand, .logofont {
line-height: 45px !important;
font-size: 35px !important;
}
}
```
Kadence Themes
Thread Starter LilahLee
(@lilahlee)

11 years, 8 months ago

Thank you so much! I really love these custom CSS fixes.
Tested in various resolutions and the logo text now fits to each one.

I appreciate both of you helping 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Logo Title Not Responsive’ is closed to new replies.

Tags