Hi Yigit,
Thank you for your quick response.
I had already changed “home” in appearance >> menu, however it didn’t work – strangely enough.
I now also added the code you posted – to no avail. It’s still a capital H!

Any other ideas?
Thanks,
Susanne

Thanks for this, Ismael – nobody has told me this before!
Now I changed the font to a Google font, in the quicl .css, but no change. This is what I set up:

#top .subtext {
float:left;
font-size:32px;
font-weight:300;
color:#7f0afc;
position:relative;
font-family:”calligraffitti” !important;
}

Any idea why this doesn’t change anything on the mobile?
Any other code I should add?

Thanks a lot,
Susanne

Great Yigit! Perfect solution – thanks a lot.

Guenni007,
another surprising change after inserting max-width 1650px!
The header even in the PC version now shows logo, tagline and menu underneath each other … but unfortunately that’s not what the client wants. She only wants this for the mobile version.

Also, how do I make this setting specific (100%) just for the header, not for the whole content?

After all your efforts, I feel I shouldn’t challenge you any more. I’m not a programmer so I cannot be “inventive” or play around with code like you. But I’m very grateful for your patient support!

Guenni007,
You are ever so helpful, thank you so much.

I’ve now taken out all other .css from the quick .css and just added what you sent me.
Option Header logo left, menu below.
The results:
1. PC version: As you’ll see, the menu crosses through the header. Also, the main content is still out of shape (no longer in the wrapper???).
2. However the mobile version looks good.

So now I’ve got a good mobile version but the pc version is not working properly …
Also, the client wants the tagline font to be Bradley Hand IT.

Thank you for being so patient and supportive.
Best wishes,
susanne

Hi Andy,
Thanks a lot.
Please can you tell me how to separate logo, slogan and phone numbers AND have all three in the header?
That would help me enormously.
Thanks for your patience,
Susanne

I found this suggestion by Yigit in another post in the forum, customised the URL and added it to quick css:

.header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a {
background-image: url(http://www.facialfitnessworkout.co.uk/wp-content/uploads/2015/06/NEWmoblogo.png);
background-size: contain;
background-repeat: no-repeat;
}

BUT it doesn’t change anything either.
More ideas?
Thanks,
Susanne

Guenni007,
That’s exactly what I wanted to say: I can NOT see any changes on my site, even after having installed the code you sent.

No – I don’t have a test install – but did you get the login details to the website itself I sent privately?

Wir können übrigens auch auf deutsch diskutieren – ich bin Deutsche…

Many thanks for your support,
Susanne<

Hi Andy,
Unfortunately no change It’s about the mobile version: There is no change in the header on the mobile … Your screenshot shows it all on one level.
You see this underneath each other – Logo on top, then slogan on 2 lines.
That’s what Guenni007 suggested with his code, too.
Let’s see if anybody has another ides…
Thanks for all support, You’re a great team!

Susanne

Guenni007, thank you so much for your support – just had an extremely busy weekend and will work on this tomorrow.
And thanks, Rikard for asking – tomorrow I’ll be in touch!

Cheers, Susanne

Hi there,
I designed & uploaded a new logo for the mobile version (340 x 399 px).
Then I added the code you suggested to functions.php:
add_theme_support(‘avia_template_builder_custom_css’);
add_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo)
{
if(wp_is_mobile() )
{
$logo = “http://www.facialfitnessworkout.co.uk/wp-content/uploads/2015/06/logo1.png&#8221;;
}
return $logo;
}

However, on the smartphone this new portrait-shape logo is still as small as the normal one before.
Please help.
Thanks,
Susanne

Thank you for this, Rikard!

What do you exactly mean by “make a new image and display that for mobile instead”?
Or shall I separate the logo, tagline and phone?
But then – how do I fit all 3 items into the header? Because Enfold just offers to upload a logo?
Can I add tagline & phones with additional coding in the header?

Thanks a lot,
Susanne

Thank you so much, Yigit – that solved the problem.
Susanne

Thank you for this, Yigit.
However, even with the new code no menu at all is visible on the smartphone.
Any other ideas?
Susanne

So sorry – it was a missed update of the theme.
All resolved!