Resizing Header on Modern Studio Pro

[Tarryn]

Hi,

I'm totally new to WordPress and I'm kind of flailing around in the dark so would really appreciate some help with the biggest issue I'm facing. I'm using Modern Studio Pro where the header is a small logo in the middle of the menu bar. I need to make the logo bigger. I've changed the size in the Functions and Style files but the problem is that now the left and right hand side of the larger logo is being cut off. It's almost like the logo is contained inside an invisible box and I cannot figure out how to make that box bigger. I've played around with all the size-related code in the header section but nothing seems to work, please help!

Also, does anyone know how I can center my Gravatar to go ABOVE the "About Me" text instead of next to it? The customize settings only offer left or right align and I can't figure out how to do it in the code. I've shrunk the width of my sidebar so it look ridiculous having pieces of words next to the image...

I see it's compulsory to put the URL here but you won't be able to see anything as I still have maintenance mode on.

TIA!

http://www.denimjacketpotatoes.com

[Victor Font]

Everything you are asking for can be done with styles. But it's not possible to help without examining the CSS on your site. You already said you made changes to the styles, which means that giving you direction based on the Studio Press demo may not apply in your case. If you can turn off maintenance mode, I'm sure one of the community volunteers can take a look.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Tarryn]

Hi Victor,

Thanks for the speedy response! I have taken maintenance mode off now. The size the logo currently is is the size that I would like, just not cut off on the sides. I changed the px value in both the functions and style files in order to get the image bigger but I don't know how to stop it being cropped. I haven't changed any code re the gravatar- nothing that I tested seemed to solve that issue.

Looking forward to your response 🙂

[Victor Font]

For the logo, adjust the max-width in .site-title a, .site-title a:hover at line 1206 in style.css.

As for the widget, I don't know why the widget author wrapped the image in a span for alignment. to fix it, you have to override the author's code with your own CSS. Add this to styles.css after the .alignleft code block starting on line 743.

#user-profile-3 .alignleft {
    clear: both;
    text-align: center;
    width: 100%;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Tarryn]

That worked! Thank you so much Victor!!!

[Author]

Posts