Hi there,
How can I increase the size of the logo?
You can change the logo size with this CSS:
.site-logo-link {
max-width: 400px;
}
But it’s not ideal – you’ll see the image becomes fuzzy when you do that, and this is because this theme load the image file with a size query right in the image URL: https://benjaminmays2019.files.wordpress.com/2019/04/rwwl_logocol_right.png?w=192
.
In other words, your browser does not load the full-size file you uploaded to the media library and then scale it down to the size the theme displays it, but instead it loads an image that’s only 192px wide. While this CSS makes the logo appear larger, it does so by stretching that smaller image, leading to the loss in quality.
To have the full-size image file load instead you’d need to change the way the theme fetches that image by modifying the appropriate PHP file, and I’m afraid I’m not able to help with that.
Also is there a way to change the navigation menu background only (without affecting the part of the page with teh main text)
For the entire top bar, including the menu and the site logo, you can use this:
header.site-header {
background-color: pink;
}
Or for the menu only, use this:
nav.main-navigation {
background-color: red;
}
Substitute the colors for the actual values you want to use.