header image size

Hi, @feuerwehrkfurt

Thanks for contacting us!

Can you please confirm that you want the header image size to be the same as the screenshot?

hello Amit,

correct, I want the image size like before (1200px) as seen in your screenshot.

To do this, Go to Appearance >> Customize >> Additional CSS and add the given below custom CSS code.

.header-img img {
width: 100%;
}

I hope it will work for you!

Hello Amit,

I have tried it but unfortunately it has no effect on the size of the picture in header. Also tried it with “!important” and with the exact count of pixels (1200px), but the header image still is just 500px wide.

If you have another idea please let me know ??
I have updated the site so you now can see the result.

• This reply was modified 1 year, 9 months ago by Andreas.

Add the given below custom CSS code.

.navbar-default .navbar-brand > img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
}

awesome, it works.
Do you have an idea how to center the picture above the navigation bar?

THANKS for your help so far…
brilliant support.

Add given below custom CSS code.

@media (min-width: 768px) {
.navbar-collapse .navbar-right {
float: left !important;
}
}

Hello Amit,

thanks for the code.

Now the navigation bar has moved left, but the header logo has not. Is there a possibility to center the header logo above the navigation bar?

Kind regards,

Andreas

Use the below custom CSS code.

.navbar-default .navbar-header a.navbar-brand {
margin-right: auto !important;
}

Hello Amit,

thanks for the code.
I have played a bit with that code and the following code fits best for me:

/*maximizing header-image*/
.navbar-default .navbar-brand > img { width: auto !important; max-width: 100% !important; height: auto !important;}

/*moving/centering header image and navigation bar*/
.navbar-default .navbar-header a.navbar-brand {margin-right: auto !important;} .navbar-right {float:left !important;}

Maybe other users are also interested in those lines ??
Issue solved for me, Thanks a lot for your brilliant and very fast support.

Glad to help you! ??

If you like our Theme & Support, please share your valuable feedback HERE.

Feel free to ask for further future assistance.

Thanks

hello Support.

Now I have two new problems after updating the “live site” to the newest theme version.

1. If I visit the site with a smartphone the slider images are not resized correctly. Before the update the image was resized that I was able to see everything. But now I can only see a little part of the image in slider. In customizer (or with resizing the browser) you can reproduce this issue.
2. the “move to top” button now is not over the text, it is beneath the text and so there is a very ugly horizontal scrollbar. This I only can see if I visit the site with a smartphone. In customizer I am not able to reproduce it.

It would be fine if you could assist me in here again.

thanks.

Andreas

Link to picture of “problem 2”

Screenshot_20230614_135806_Chrome.jpg

Hi @feuerwehrkfurt

Never bundle multiple query in single thread bz it create complexity to handle better support query. So always open new ticket for each query.

Thanks&Regards

Webriti Support Team

two new tickets are created.