Hi,
could you help me please to add background image in header. I’m using td-header-style-1 and i have 2 divs there td-banner-wrap-full td-logo-wrap-full and td-header-menu-wrap-full. I want to add background image which has height of 2 these divs. But when i add it each div gets its own image. I don’t need menu there, maybe i can delete it somehow and make td-banner-wrap-full td-logo-wrap-full with height 175px?
I just need one big background image in header with height 175px and no menu there.
Thank you.
Hi,
A background color is possible to be set in the theme panel, for a background image you can use some CSS. Something like this should work
– https://www.screencast.com/t/LFUU41rDOGA
.td-header-style-1 .td-banner-wrap-full {
background-image: url("");
}
The main menu cannot be disabled, you could hide it with CSS if you want, and also set a fixed height for the header
– https://www.screencast.com/t/6MUHSo0DF
.td-header-style-1 .td-header-menu-wrap-full {
display:none;
}
Maybe these suggestions will help you achieve what you want. Experiment with them and modify the codes if needed.
Thanks
Thank you, it helped
Sorry, now i have another problem. I use background image and boxed version. But my header is not boxed, it’s still full width so when i set background image for header which is 1165 px it looks not normal.
How can i make header to be boxed too and to have the same size with another part of website?
Hi,
The header should be boxed if you have set a background image for the website. Unless maybe you have stretched the header elements in the theme panel
– https://www.screencast.com/t/jLlwZEXEcOz
Please provide a link to your website so we can inspect it.
Thanks
i didn’t stretch anything and i have background image, but header is not boxed for some reasons.
_balkonsami.ru
Hi,
Something is not functioning properly in the website. There are missing container classes in the header. The boxed layout is not applying properly. This could happen if you made modification to the actual header templates in the theme. I could give you a code as a quick fix
– https://www.screencast.com/t/Oz6y0rfd
Then you can use the code provided to set a background image
– https://www.screencast.com/t/mCVY6HJ7
But if you used any custom code for the header elements and made modifications to the header template, best you go over them again.
Thanks
I deleted menu container in header, but it worked ok with version 7.0. After i updated to 7.8 i got this problem.
Now i set menu back and hid it with css, but without your code it still didn’t work well.
With the code you gave me it’s ok, thank you
Hello!
How can I put my image into the center so it is always in the center no matter what is the size of the browser? With this code you provided, it is on the left..
THanks
Hi,
First please move the code mentioned last regarding the width and margins, in Theme panel->Advanced CSS in the desktop section. It creates issues on smaller devices, I forgot to mention this.
I see that you have set a background image for the header. If you would like the background to be centered at all times, add this to the code
– https://www.screencast.com/t/oS5O8AGaXkal
Thanks
Hi,
I believe you have made many modifications to the theme, with CSS. Maybe some of them are not made properly. By default then theme is responsive, but if there are modifications made, this could change.
I don’t know what exactly you want to achieve with this design, or what final look you are going for so I can understand better.
Maybe if you could provide some screenshots with this problem, and what you would like to modify, that would be very helpful.
Thanks
