Search Results for 'header'

Hello occhiodifalco,

I have checked your website I saw that you have a lot of additional customization for this type of header that breaks the layout and cause a bad design. If you want to return to the default settings, you have to clear all your custom CSS code to this section -> http://screencast.com/t/Ca7gkrnyi and also, if you want to have a bigger logo you have to switch your header style to another one that supports it, as example header style 11. For more information about our header styles, please check our documentation here -> https://forum.tagdiv.com/header-styles/
Also, please notice that if you want to change the structure of your header style 3 as you wish, involve custom work and we cannot provide this type of service at the moment, sorry!

Thank you for your understanding!

Hi,
1) You can use this code and adsjut the value until you get the desired results:
.td-affix #menu-new-menu-1 {
margin-top: 28px!important;
float: right!important;

2) If you went to remove the menu and the logo, then remove the previous code and use this one:
.error404 .td-header-wrap{
display:none!important;
}
Thank you!

Hi,

If you want to modify the sticky menu height, you could try to use custom css in Theme Panel > Custom Css, for example – http://screencast.com/t/SGVbrR21pb

.td-header-style-7 .td-affix .td-header-sp-logo {
height: 66px;
}
.td-header-style-7 .td-affix .td-header-sp-logo img {
max-height: 66px;
}
.td-header-style-7.td-header-wrap .td-affix .sf-menu>li>a {
line-height: 66px !important;
}
.td-header-style-7 .td-affix #td-top-search {
bottom: 7px;
}

If you don’t have html/css experience I suggest to get someone to help you, as we are not available for custom services.

Thanks!

• This reply was modified 10 years by Alin [tagDiv].

Hello nirmal___,

If you want to have the ad below your menu logo bar, you have to use another header style, for example, header style 5. For more information about our header templates, please check our documentation here -> https://forum.tagdiv.com/header-styles/ -> https://forum.tagdiv.com/logo-favicon/

Thanks.

Hi,
If you plan on using a bigger logo, we suggest using one of the full logo header styles that do not modify the dimensions of the logo: http://screencast.com/t/yb8HBo1Wk99Z
If you do not want those header styles, then you can use this css:

.td-header-style-3 .td-header-sp-logo{
width: 330px!important;
height: 124px!important;
margin:2px!important;
}
.td-header-style-3 .td-header-sp-logo img{
max-height: 200px!important;
}

But you have to adjust the values for each viewport so it will position properly on a responsive design. Add the code in each of the desktop and tablets section and adjust the size so it will fit properly on those devices: http://screencast.com/t/ZBIq2LAm2

Thank you!

Hi,
You can use this css to activate the top menu on mobile:

@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
.td-header-sp-top-menu {
display: table!important;
margin-left: auto;
margin-right: auto;
text-align: center;
float:none!important;
}
}

Thank you!

Hi,

You can use this css to do it:
@media (max-width: 767px){
.td-header-style-5 .td-main-menu-logo img {
max-height: 70px!important;
}
.td-main-menu-logo img {
max-width: 185px;
}}

You can change the size in the code to fit your needs. Careful of the smaller screen devices though as if you increase the logo too much, on an old iphone for example, the logo could overlap the hamburger menu.

Thank you!

Hi,
This issue seems to be connected to the new version of wp and the htaccess file as this topic suggests: https://forum.tagdiv.com/topic/header-broken-after-update/
Or another case, a plugin conflict: https://forum.tagdiv.com/topic/cannot-modify-header-information-2/
Please try to check your htaccess or disable all plugins except visual composer, clear cache and reset cdn files.
Let us know how it goes.
Thank you!

Hello olivervossmann,

I have checked your website and saw that you are using Header Style 8. Please try the code below and add it in Theme panel->Custom CSS area and then your top bar menu will be displayed in the mobile version.

The code is ->

@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-style-8 .td-header-top-menu {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}
.td-header-style-8 .td-header-top-menu {
margin-left:0;
width: 100%;
}
}

The result you should see here -> http://screencast.com/t/KOf6LfoLz

Thanks.