[Resolved] logos in background are cut

[Jos]

Hi,

On this website I use elements see https://heidi.beheer95.nl/. I made a background of the logo in a row in Photoshop. In the mobile lay-out the logos are cut on the upper side. I guess this is done with a pixel padding. How can i let the logo’s be not cut off?
Ideas?

Thanks in advance!
Jos

[Leo]

Hi Jos,

Not quite sure if I understand. What’s “a background of the logo in a row”?

I also don’t see a logo on mobile currently. Looks like you are using the mobile header option without uploading a logo:
https://docs.generatepress.com/article/mobile-header/

Let me know 🙂

[Jos]

Hi Leo,

I understand it’s confusing. But if you look at the site all pages except the homepage have some sort of banner at the top in dark red color. It’s an image I made with Photoshop to get a display the client wants.(Using an image thats the logo with a red teint) It gets cut off on the upper side.
Maybe I can get it to look good with CSS. In the Customizer I can make this image repeat horizontally. I can’t see this option in Elements wich I use to make the hero header of the page.
Is there a posibility to repeat the dark red image horizontally accros the hero, so I can use these without getting cut off?

Hope you understand what I mean.
Greetz,
Jos

[David]

Hi there,

you can try adding a repeat-background to the Element Classes in the Header Element and this CSS::

.repeat-background {
    background-size: initial;
    background-repeat: repeat;
}

[Jos]

Hi David,

I did this on the page https://heidi.beheer95.nl/gelaatsbehandelingen/hydradermie/
It looks different, I will show this to my client. Then she can choose what she wants.

Thanks for your perfect help as always!

I give the support team of GP a big 5 star rating. Grand to get a reaction within a few hours.
Greetz,
Jos

[David]

Awesome. Glad to be of help.

[Author]

Posts