Archived topic
logos in background are cut
5 replies · Started by Jos on November 28, 2018
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
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 :)
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
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;
}
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
Awesome. Glad to be of help.