Search Results for 'logo'

Hi,

Not sure what you mean, do you need to have the logo on full width? If so please use one of theme’s header with full logo, header styles 9/10/11: https://forum.tagdiv.com/header-styles/ Let us know if this is not what you need and provide more details in this regard.

Thanks

Hi,

You could try this custom css in Theme Panel > Custom CSs -http://screencast.com/t/TvuZ3DjQcrxt but please note that it also depends of your image size(you have to use a bigger logo than the Travel, I have modified the image size):

@media(min-width: 768px) {
.td-header-style-5 .td-main-menu-logo {
height: 100px;
position: absolute;
}
.td-header-style-5 .td-main-menu-logo img {
max-height: 100px;
}
.td-header-style-5 .sf-menu {
float: right;
}
}

Thanks!

Hello,

The theme was built in such a way that there are 2 header styles (in your theme version) that do not pick up the mobile logo. These are style 3 and style 6. You are using header style 3 and this is a normal behavior of the theme, not a bug.
You could try to alter the theme files to force it to pick up the mobile logo but this requires custom work which unfortunately we cannot provide.

I hope this helps.
Thank you!

Hi Aditya,

It is necessary to make some changes in style header-2 template for your customization like this:
http://screencast.com/t/pc3Td0DV and then try a bit of custom CSS below:

.td-header-style-2 .td-header-sp-logo {
margin-left: auto;
margin-right: auto;
}
.td-main-page-wrap {
padding-top: 22px;
border-top: 1px solid black;
}

The result you can see here: http://screencast.com/t/RHnTMiayh7y

Thank you and let us know how it goes!

Hi JDF,

I’ve checked your site and i saw your problem. Please try a bit of custom CSS like this:

@media (max-width: 767px)
.header-style-3 .td-logo img {
right: -75px;
}

Also please remove this CSS style:

@media (max-width: 767px)
.header-style-3 .td-logo img {
width: 35px!important;
}

The result you can see here: http://screencast.com/t/kirDo2EGY

Thanks and let us know how it goes!

• This reply was modified 10 years by Catalin.

Hello @JDF,

I’ve checked your logo on our site and everything seems to be good: http://screencast.com/t/coOE8pozp4V7 .
Please try it without any plugins. Remove all plugins except Visual Composer and the social icons. It could be a conflicting plugin. I also found some errors in your console: http://screencast.com/t/PcDrJEaSsQ

Let us know how it goes.
Thanks.

Hello,
Unfortunately there is no option to upload a second logo to the sticky menu. You will need custom modifications to do that.
You can on the other hand more easily style it with CSS:
As a suggestion, you can add a white background color to the logo and you can position it a bit lower and maybe add a rounded border to it if you like, something like: http://screencast.com/t/IVIePZFm

@media (min-width: 768px){
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 48px !important;
background-color: white;
margin-top: 20%;
border: 1px solid white;
border-radius: 10px;
}}


Or another option is to edit your logo in photoshop (or other editing software) and add a white outline to the content so it will be visible on similar color backgrounds.

I hope this helps.
Thanks.

Hi @Aditya,

To solve your problem, please try the modification in header-style-11.php, like that:
http://screencast.com/t/6FUlkwGD2Fhn

If you want to adjust the space border below the banner ad, please try this custom CSS to fix it:

.td-header-style-11 .td-header-sp-logo {
padding-bottom: 20px;
}

Thanks.

Hi,

If you alter the logo css you will have to adjust also the header ad css, you can try this custom css I guess it should fix it if I understood we your issue – http://screencast.com/t/xOcKhWFc

@media (min-width: 1200px) {
.td-header-bg .td-a-rec-id-header {
left: 0 !important;
}
}

I see that you use a very old version of the theme and I suggest to upgrade to the latest version when you have time, as you could have some issues/conflicts with plugins that you use or theme’s plugins.

Thanks!

Hello,

Unfortunately there is no option to change the header style on a different viewport.

You can use this custom CSS to display the small logo on the mobile version of your site:
@media (max-width: 767px){
.td-header-style-10 .td-main-menu-logo {
display: block!important;}}

Now your logo should show up as expected.
Thank you.