Adding a header image next to the page title

Link to your site?

https://dev.svwoordendaad.nl/

Please visit this url

https://twiterbitter.com/5-quick-tips-to-slow-down-sign-of-ageing

https://twiterbitter.com/types-of-beverages-and-calories-count-inforgraphics/

the image which i put in content it is showing above the heading. i am not getting what’s the issue. Please help me out.

it’s serious.

@oshinxyz, please don’t hijack other people’s threads (unless directly related) – start your own.

@mikemaassen, I assume you mean Logo, not icon in #1?

It can be done with CSS, but your site isn’t showing both at moment so difficult to diagnose.

@rdellconsulting I’ve added the logo, and that i would like to do, is place the logo next to the title and tagline, and have it follow the size of the menu when you scroll down.

Could you help me out with that issue?

Thanks!

OK but:
1) There is no Tagline showing? (Think you may have terminology overload!)
2) Which order – Logo/Title or Title/Logo?

Well, i’ve ‘hacked’ the tagline a little bit with some custom css so that it shows under “Woord & Daad”.

For the record, i’ve also checked this in the customizer on wordpress ??
Site Title: Woord & Daad
Tagline: studentenvereniging

I would like to have the logo to the right of the title, so that it is centered in the space that’s there

Aah, my mistake!

Try this:

.tc-header .brand .site-logo img {
    float: right;
}

Then we can adjust position/margins if needed.

That works!

All i’d like to do now is maybe change the position a little, and indeed make it smaller.

Change size with:

.tc-header .brand .site-logo img {
    float: right;
    width: 10% !important; /* Adjust width/height by same % */
    height: 10% !important;
}

Size: check!

All i now have to do is move it around a little, which can be done with the following piece of code, correct?

position: relative;
    top: -5px;
    left: -5%;

You’ve been reading well!