Search Results for 'header'

Hello,

If you want to increase the size of your Header Ad and Logo, you need to use such a custom CSS code. Below, I gave you an example of this case but only for Desktop. Notice that for the rest of the devices, it might be necessary to be adjusted.

.td-header-ad-wrap img{
margin-right: 0;
width: 500px!important;
}
.td-header-sp-rec{
width:500px;
}

.td-header-sp-logo{
width:400px;
}
.td-main-logo img{
width:400px;
}

The result is here -> https://www.screencast.com/t/hHLOv5Yd66qz

Thanks for your understanding!

Hello devmdn,

1)Use the code below ->
.td-mobile-content li a {
font-size: 20px;
}

2)There’s an option for it in Theme panel -> Custom CSS area -> https://www.screencast.com/t/ggOQ4aJu7TO
If you want to change the Search Icon color, use the code below ->

.header-search-wrap .td-icon-search{
color:green;
}

Thanks for your understanding!

Hello wjs@diema.at,

You should use the code below and place it in Theme panel -> Custom CSS Area.

.td-header-ad-wrap img{
margin-right: 0;
}

The result is here -> https://www.screencast.com/t/voCj6I9HW3lt

Thanks for the message!

Hi,

Those are different header styles, header style 11 versus header style 1. Regardless of this the menu height can be controlled with the line height settings
– https://www.screencast.com/t/CQmcvSha

Thanks

Try it like this, should only change the main header menu

add_filter( 'wp_nav_menu_args', 'menu_switcher' );
function menu_switcher( $args ){
$url = 'http://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
if (strpos($url,'/en/') !== false) {
if( 'header-menu' == $args['theme_location'] )
$args['menu'] = 'English';
}
return $args;
}

So maybe something like this – http://i.prntscr.com/8h-eudXtRGKt6Y1tGnLLng.png

.td-category-header .td-category a {
font-size: 14px;
}
.td-category-siblings .td-category {
height: 23px;
}

Hello sfmonitor,

Try to use the code below and place it in Theme panel -> Custom CSS area.

.td-header-menu-wrap{
display:none;
}

Thanks.

Hi,

That is actually an image, so there would be no setting to change it’s color. You could remove that and use a CSS border or shadow instead. This is an example with a shadow
– https://www.screencast.com/t/uZGHxcfqq
Code used in the example

.td-header-gradient:before {
display: none;
}
.td-header-gradient:after {
content:"";
position:absolute;
height: 12px;
width: 100%;
bottom:0;
-webkit-box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
-moz-box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
box-shadow: 0px 12px 5px 0px rgba(186,112,186,1);
}

Shadow generator here if you want to use it
– https://www.cssmatic.com/box-shadow

Hello wjs@diema.at,

1)I have inspected your website and I saw that your header ad is just right aligned -> https://www.screencast.com/t/htO9lbpFL
2)We recommend using another header style which uses the logo in full sizes, like Header style 10. -> https://forum.tagdiv.com/header-styles/

Thanks.

Hi,

The header styles that display the logo and the header ad on the same line, these would require contain a 728 x 90 ad, that would be the proper size
– https://support.google.com/adsense/answer/17955?hl=en
Header styles that display the logo on a different line would allow a bigger ad size
– https://forum.tagdiv.com/header-styles/

Hi,

You have to create your logos to have the same sizes and then, load them to the header and footer logo section. Please understand that way…

Thanks for your understanding!

So maybe like this – https://www.screencast.com/t/L6TUKcrSA

.tdm-header-style-1 input[type="search"] {
padding-top: 3px;
padding-bottom: 5px;
}