Hello TagDiv Community!
I need help customizing the header of my website. Can someone tell me the CSS I might need in order to put the text I have below my header to be on top of my main menu using Header Style 8?
See this screenshot to better see what I’m trying to do — https://snag.gy/TWigwH.jpg
Hi,
I could give you a code to move the text element as you want by modifying it’s position forcibly but it might create problems on smaller screens. It would have to be responsive as well. The header and the page content are different containers.
Also a solution by code for the text column, will affect all columns on the website, unless a custom class is set to it.
First set a class to the element like this – https://www.screencast.com/t/OS1N4rgxXV
Then enter this code in Theme panel->Advanced CSS in the desktop section
.myclass.vc_column_text {
position:absolute;
top: -160px;
z-index: 9999;
left: 28%;
}
This one in the Advaced CSS-> Landscape section
.myclass.wpb_text_column h3 {
font-size: 14px!important;
}
.myclass.wpb_text_column {
top: -150px;
}
The result should be like this on desktop – https://www.screencast.com/t/xnLe9wx058
As the screen gets smaller like this – https://www.screencast.com/t/qQpCbgjj
This would be a solution in this case, you could give it a try.
Thanks
