Hi team tagDiv,
How can i align full header logo on left instead of center ? I ask you that because my logo is too bigger than the allowed size on header 1 : 370px x 100px. I tried with header 7 but it is centered and i didn’t managed to put it on left…
Sorry for my bad english…
Thank you !
Hi,
Please provide the url so i can take a look, i’ll get back with a css solution (if possible).
Thank you, Emil G.
Hi EmilG,
Here’s my website : http://www.guide-du-chien.com
But finally it is not a problem, it looks great on center. I tried with css “float left”, but you can see the logo mooving from center to left when the page is loading.
Thank you
Hi,
If you still need your logo image on left side please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/pJ7BAgrX5w
.td-header-style-7 .td-header-sp-logo img{
margin: initial;
}
Thanks!
Hi Alin,
Thank you it works very well. Really love this theme and your support !
Hi Alin,
The code you provided works but when you are loading another page, you can see that the logo mooves from center to the left…
How can i fix it ??? Because for readers it is look like that the website doesn’t achieved.
Thank you for your replie !
Hi,
Unfortunately this issue is normal because css code is apply in cascade so the css from above overwrite theme css so there is a delay and is visible. Please try to replace the above css code with this one and see if works better:
.td-header-style-7 .td-header-sp-logo img{
float: left;
}
Or this one:
.td-header-style-7 .td-header-sp-logo img {
right: auto;
margin: 0px;
}
I’m not sure if this will help because like I said it will be a delay when css code will overwrite.
Thanks!
Hi Alin,
Thank you but it doesn’t work better… With Newspaper theme i’ve done it with changing span in the default header module but with newsmag span setups don’t appear…
Maybe it should be a nice update for the future, just simply adding our logo on left without ads on right, with the size we want.
Sorry for my bad english
See you soon
Hi,
Please try this custom css with default header style(style 1) and see how it goes: http://screencast.com/t/Ge2qhUqlQv
.td-header-sp-logo a {
height: 100px;
}
.td-header-sp-logo img {
width: 370px;
margin: inherit;
max-height: 100px;
}
.td-header-sp-logo {
width: 370px;
}
.td-header-sp-logo {
margin-bottom: 0px;
margin-top: 0px;
}
.td-header-style-1 .td-header-sp-ads {
display: none;
}Thanks!
Hello Alin,
It works fine thank you ! Just one problem, when you move to another page you can see the logo grow up…
Is there a way to fix it ?
Thank you
PS : it’s better like this than seeing the logo move from center to left
Hi,
Unfortunately this issue appears because of css code that is applying in cascade(like I said above).
Thanks!
