Decrease header

Hello Magdalena, thanks for choosing Bento!
I’ll go over the questions in the same order:

1. Apart from simply uploading a smaller logo, I can’t offer any specific recommendations at this point ?? in case that one doesn’t help, could you please specify which result you are trying to obtain?

2. Please try using Bento’s native header as an alternative to Elementor item – that one should stick right after the header. More info – in this section of the online manual.

Hello,

Thank you for your answer!

1. I made the logo smaller and it works, it’s just that the quality isn’t as good as I want it, so if I could have made the logo a litte bit larger than it should be displayed and resize the header with some kind of important-code in css it would help me a lot.

2. The picture is not as heigh as I want and I would like the button ontop of the picture to be centered, otherwhise it would hace been better to use the native header. But maby I’m missing some options..

Have you any idea what the name of the space is called, if I can try to make it disapear with a css-code?

Thank you!

1. Well, you can use something like .logo-fullsize { max-width: 100px !important; } to make the logo even smaller, but I’d recommend doing a more high-quality downsize of the image – right now it seems like some quality has been lost in the process.

2. You can regulate the height of the header image by using the “Header Height” drop-down in the “Page Header Settings” box (while in the page editor view), and center the button by setting the “Title Position” drop-down in the “General Settings” box to centered ??