Search Results for 'logo'

Hi,

I have checked your site and I see that you use header style 7.
Unfotunately this style was not designed to display to many elements, but if you want to use this, it can be adjusted via custom css in Theme Panel > Custom Css – http://screencast.com/t/7ybNePPW9A5

.td-header-style-7 .menu-lower-header-menu-pages-container {
width: 76%;
float: right;
margin-bottom: 20px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 40px;
}
.td-header-style-7 .td-header-sp-logo {
margin-right: 20px;
}

If you have issue with another header style, please switch to it and let me know what the issue is.

Thanks!

Hello Jocaob,

Half of your header you can get from the theme panel by choosing header style 10. Centered menu and logo on top. For the social icons and date you need a bit of custom work.

1) chose header style 10
2) copy this code: http://pastebin.com/tgK2Ebu1 in your header-style-10.php and replace the existing one.
3) add this custom css in the theme panel:

.xdate{
color:grey;
float:left;
font-size: 16px;
padding: 1px 1px 1px 1px;
}
.header-menu-social{
display:table;
}
.custom-container{
width:720px;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 700px) {
.custom-container{
width:80%!important;
}
}

You should have this result now: http://screencast.com/t/dyf55VPTCU7M
It will need a bit of adjusting on responsiveness and the mobile version but i think you can manage from here.

Thank you!

Hello Carly,

You can try this easy method to get it done. Just access your header-style-9.php and replace the whole code with this one: http://pastebin.com/q7aS0Dt2
Then place this custom css in the theme panel:

.td-a-rec-id-custom_ad_1 > div{
margin-bottom:0!important;
}

Make sure you have an ad placed in the custom ad 1 box.
Now you will have 2 responsive ad’s. One on the top next to the logo and one on the bottom of the menu.
result: http://screencast.com/t/dIlJe3giRe

Thank you!

Helo Jimmy,

Please check the width of your logo. Anything above 284px will cause the banner to go under the logo
http://screencast.com/t/jbIu817O5ool – http://screencast.com/t/j6J3crk9

Thank you!

Hi,

Please check this css in Theme Panel > Custom Css – http://screencast.com/t/FEnpBLUsAuG4 and change the values like you need:

.td-header-style-10 .td-header-sp-logo {
margin-top: 20px;
margin-bottom: 20px;
}
.home .td-main-page-wrap {
padding-top: 20px;
}

Thanks!

replied here: https://forum.tagdiv.com/topic/logo-and-social-media-icon-is-broken/

Hi,

You could use the default header template – http://screencast.com/t/086fBamX8 so the header ad will be placed beside the logo. And if you want to add additional banner bellow the main menu, you need to edit header-style-1.php and use this code to dislay a custom ad – http://screencast.com/t/6nd1wRRQ

<?php echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1')); ?>

Adjust it using custom css – http://screencast.com/t/vf7tivbhnh0G

.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
}

If you use adsense code change a to g like this – .td-g-rec-id-custom_ad_1

Thanks!

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

Hi,

To correct the image margin, you can add a custom CSS rule:

@media (min-width: 1141px){
.td-header-sp-logo img{
margin-top:20px;
}}
@media (max-width: 1140px){
.td-header-sp-logo img{
margin-top:40px;}}

@media (max-width: 1018px){
.td-header-sp-logo img{
margin-top:50px;}}

Add this in the theme panel->custom CSS box and it should fix the margin on every viewport.
This code applies to this particular logo. If you change the logo, you have to remove the code or adjust the margins on it.

Thank you!

• This reply was modified 10 years by Bogdan B..

Hello,

I have checked your site and you only have one image uploaded. That logo (534×86) cannot be stretched to fill the big grid. you need an image with a 4:3 aspect ratio for it to fit properly. If you upload a 16:9 image, it will be cropped to fit as well. Please upload other images and see how they fit, not just the Gurmetech logo.

Thank you.