Header image

Hello,

I already had the header image all over the header, but suddenly it disappeared and I don’t know how I can set it again…
I have uploaded the image in the top bar and set it to cover. (see: https://prnt.sc/Nw9C-VveUoOt)
But now it doesn’t show in the main bar. And I also set the color to transparant there. (these are the settings in the main header bar: https://prnt.sc/2mj5afMPmaF2)

Can you please help me?

Thanks,

Best regards,

Dennis

It has to look like this: https://prnt.sc/uo1KCM2DGDzQ

Hello,

You need to edit the top row and remove the background color there.

If you have any questions please feel free to contact us.

Best Regards

Hello Elise,

Sorry, but your answer is not clear at all.
Where do I have to place the image? Top bar or main header? And what are the color settings I have to make in both the top bar and the main header? Now I already have set the color to transparent at both places, but nothing happens. So please help me.

Thank you very much,

Best regards

Hello,

Please check this manual: https://xtemos.com/docs-topic/header-rows-and-columns-configuration/

If you still have the problem, insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Hello Elise,

Sorry, the manual only shows me the things I can already see, but it doesn’t explain how I have to use the settings to create what I want.
For some reason, when I set the top bar or the main header to transparent (or even delete the color) nothing happens.
Again…. in which bar do I have to put the image, so it is visible in both top bar and main header and what do I have to do with the other settings in both?
Maybe another co-worker of you understands what I want and can explain it to me?

Thanks for your help.

Best regards,

Dennis

Hello,

Please check the screen to see how to do that: https://gyazo.com/35b2ae5227fa574d3a44229f847d9832

If you have any questions please feel free to contact us.

Best Regards

Hello Elise,

Really?? I am waiting for 1 day to get a screencast about how to click on the color settings?? This is nothing more than you are telling me in the manual…only where I can find settings, but not how to use settings to get what I want.
Because when I do the settings that I think are logical, nothing happens…
So maybe you can make a screencast with actual changes, so I can see that what you change actually works.

Right now I have put the image in the top bar and in the main header as well. In both places the color is set to transparant. So now the header of the site is showing two images (see extra information)
Can you please show me how I get 1 whole image in both top bar and main header, with actual changes to make that happen.

Thank you very much.

Best regards,
Dennis

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-sticky-prepared .whb-main-header {
        background-image: url(https://babyme-18491.catrine-ams.servebolt.cloud/wp-content/uploads/2021/11/background-nieuw1.jpg)!important;
    background-size: cover!important;
    background-position: center top!important;
    background-repeat: no-repeat!important;
    border-bottom-style: solid!important;
}

Best Regards

Hello Elise,

Well, thank you, this looks much better!

Best regards,

Dennis

Hello again Elise,

The CSS code you sent to me works fine for a desktop. When you use the emulator of the browsers inspection tools, the mobile seems fine also, but on an actual mobile phone, the top bar is still white.
Is there some additional code to make it look the same on an actual mobile too?

Thanks,

Best regards,
Dennis

Hello,

I am checking the site on a real mobile device and I see the background image: https://prnt.sc/XOb8eCTIy4QF

Please let us know how I can reproduce the issue.

Best Regards

Hello Elise,

The problem was WPRocket. I switched it off and the problems were gone.
Now I have to find out which WPRocket setting will match Woodmart best.

Thanks best regards,

Dennis

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts