I need URGENT help with altering the custom header logo size

Sounds like you need to edit one of the PHP files to get what you are looking for. If the limits are set in the code I don’t think you will be able to effectively make changes via CSS.

If you make it live I’ll take a quick look to see if I can help you pin point where to go

@darongeorge Thank You

It should be live now

wolfiedoodles.com

Good news. Looks like it is controlled by css.

There are three ways to change it that should work.

Solution 1

find this code in the css file of the site
.grid-50 {
float: left;
width: 50%;
}

modify the width file and it should change the size

Solution 2

or you could write it in the custom CSS file like this

.grid-50 {
float: left;
width: 80%;
}

Solution 3

If that doesn’t work you could add an important tag, it would look like this

.grid-50 {
float: left;
width: 80% !important;
}

either of those options above should work.

Of course, you don’t really need to set it ot 80% necessarily. I was just giving an example

Sorry for the delay in replying I didnt get notified of the response on the thread for some reason. Thanks for that, its worked to increase the size but its also moved the social icons. How would I go about keeping those where they were and still having the increased logo size, Im presuming that’s down to the way the masthead is divided?

Yea it is divided 50/50 so anything over 50% will push the icons down.

so is there any way to change the division ratio so that the icons go back to where they were but the logo stays as it is now?

I”m not sure of an easy way to do that without actually modifying the theme code.

hmm ok so thats an issue i need to find a way around, could I use child theme options for that do you think? (not that I know how to sort that out lol.. but I’ve seen them mentioned as a way to change theme without affecting the original code.

Im sorry if im asking stupid questions but im a complete newbie to this so I’m just learning as I go

The max logo height can be extended with css:
.custom-logo {max-height: 500px;}

To increase the logo width it’s better to buy the pro version, or you need to copy and modify the header.php in the child theme (always when this file is updated in the parent theme).

Thanks for the replies, I’ve just removed the social icons and increased the logo size with css, shame because I liked the social menu being next to the logo but I’m not confident in the idea of using a child theme yet as I’m still learning about the basics I’ll confuse myself if I add more places to work lol.

Is it possible to change the main navigation menu button text colors in css?, I’ve managed to change the hover color but cant seem to change the standard color