Archived topic
Logo width adjustment option
5 replies · Started by bheemnr on June 19, 2022
Hi, I wish to adjust the logo size. But I do not find the option of logo width adjustment in the customizations.
Please see the screenshot attached.
The logo is of normal size when uploaded, but on the front end header it shows a small logo.
How can I set the logo to proper width and size without disturbing other elements?
Regards
Hi there,
The logo width slider is not there as you’ve activated the navigation as header option in the customizer so the logo size is controlled by the menu item height setting as explained here:
https://docs.generatepress.com/article/navigation-as-a-header/#basic
In your case, try this CSS:
.navigation-branding img {
padding: 2px 0;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
You might also want to consider re-cropping to remove the left/right padding on the original image:
https://www.screencast.com/t/HtfkNQTVV
Ok, it works, Can it be made even more wider?
Hi Bheemnr,
You may try modifying the CSS to something like this:
.navigation-branding img {
padding: 2px 0;
width:600px;
height:auto;
}
Kindly modify 600px to your preference.
Hope this helps!
Hi, the initial code gives a better look.
Thanks
Glad to hear :)