Hi guys, I would like to center the logo while maintaining the style “Header style 3”.
I tried with the following code but disappear the link that sends to the homepage and the logo clicks from left to center.
.td-header-style-3 .td-header-sp-logo {
position: static;
}
As I can do to center the logo, keep the link and keep it the “Header style 3”?
Thanks
Hello,
If you need a centered logo, we recommend using one of the centered logo header styles: https://forum.tagdiv.com/header-styles/
Header style 3 has an ad spot besides the logo which does not allow it to go to the center.
Thank you!
Thank you, but I would like to keep the menu as in Header style 3.
How can I replicate the same menu in other styles?
Hi,
You could select header style 10 for example, which has a centered logo like this
– https://www.screencast.com/t/6fGepKCcL
To make it similar to header style 3, you can enter this code in Theme panel->Custom CSS
– https://www.screencast.com/t/cJBYh9BjcLb
.td-header-style-10 #td-header-menu .sf-menu > li > a:after {
height: 100%;
z-index: -1;
}
.td-header-style-10 .td-header-main-menu {
background-color: #282828;
}
.td-header-style-10 .td-header-menu-wrap-full {
background-color: transparent !important;
}
.td-header-style-10 .td-header-gradient:before {
display: none;
}
.td-header-style-10 #td-header-menu {
display: block;
}
This could be a solution for what you are trying to achieve.
Thanks
