Solon Header

  • Hi all

    I’ve been trying to find out how I can customise the header (at least to a certain extent). I seem to be going round in circles though. I’m not familiar with CSS at all and wouldn’t know where to start if I had to use a child theme (read about it). I tried several plugins (to customise the theme/header), but I couldn’t get any of them to work. I got the message that the theme does not support customised headers after installing the last plugin, so I assume that’s the reason the plugins never worked. I’m hoping that somebody knows of a simple solution …

    What I would like to do is the following:
    I would like to keep the background colour of the header and add an image to the right of the header and keep the title/subtitle.

    If I upload the image via the theme customisation it removes the site title/subtitle and the image looks rather horrible.

    I would also like to add my social media buttons (follow me) to the header, if possible.

    I hope somebody can help.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter rothaar

    (@rothaar)

    I forgot to mention the link to my website. Here it is: https://rothaar.co.uk/

    Hello,

    Doing what you want would imply overwriting the header.php from a child theme and might get a bit complex.

    An easier way would be, as you’ve already tried, to upload a logo from the Customizer. By looking horrible I’m guessing you mean that it’s too big? In that case, you can either resize the image before you upload it, or you can set something like this from a custom CSS plugin:

    .site-branding {
    max-height: 150px;
}

    Thread Starter rothaar

    (@rothaar)

    Hi Vladff

    Thank you for your reply. I have tried a test image in different sizes. It always ends up in the middle and the website title/subtitle disappears. I suppose I would have to overwrite the header. php (child theme) if I wanted the logo in a certain place?

    I don’t understand why the title disappears though. Is there no way to avoid that?

    Thank you.

    That’s how the theme works, you upload a logo image instead of the site title and description.

    If you want to avoid this, you would need to create a child theme and overwrite the header.php from there. You would need to find this:

    <div class="site-branding">
....
....
</div>

    and replace it with this: https://pastebin.com/b2pkUdf3
    This will set 50% of the space for the title and 50% for an image (uploaded with the customizer).
    Depending on your image, this might look good or bad ?? Not tested.

    Thread Starter rothaar

    (@rothaar)

    Sorry for not replying earlier. I’ve been very busy.

    I’ll look into creating a child theme (can’t be that hard :D). Thank you for now. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Solon Header’ is closed to new replies.