In Header style 3 the logo is not aligned with the beginning of the main menu and leaves white space, but the ad banner ends perfectly where the main menu ends. Here is what i am saying https://gyazo.com/958fe4a3fbf6ae18dc2def477902315e
How to move the logo towards left so that it can align with the beginning of the main menu? Will it do if I create the logo without any space on the left? I think I have tried but it hasn’t worked so before I try it again I just wanted to ask.
Thanks.
Hello bhadrabalaram,
I have checked your website and saw that your logo is perfectly centered on the left with the main menu bar -> http://screencast.com/t/KDNsKuRrgvZA If you need further assistance in this regard, please provide more details about what you want to do, so I will be able to provide more accurate response.
Thank you for the message!
Hello Catalin, thanks for visiting our website but the one you checked is running the old theme as I am still working on Newspaper and haven’t yet switched due to different reasons. With Newspapers the logo looks like this https://gyazo.com/8ab828ee1ad6320b573d590eaac9bb66 , and that is after removing white space on the left side in the original logo. It still doesn’t align as I would like it to be, i.e. the logo needs to appear the way it appears in the screenshot you sent from my currently running theme, but with Newspaper I am not able to set it right. Would greatly appreciate a solution. Thanks.
Hello bhadrabalaram,
For an accurate response, you will provide me your link so I can inspect it closer. For example, please try the code below and add it in Theme panel->Cusotm CSS area.
The code is ->
.td-header-style-3 .td-header-header {
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo {
padding-left:0px;
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo a img {
margin-left: 0px;
}
The result -> http://screencast.com/t/4JcyKBDFEzDt and other example is here -> http://screencast.com/t/In0djext7v
Also, here depends on what kind of image you are using as the logo because it is possible to have some white space in the image and that you cannot align to the left.
Thank you for the message!
Tried a few times different ways but doesn’t seem to work with me https://gyazo.com/f78ee491c237a38f0795c1e3ff7d87be
Any suggestion? I have played around with margin and padding settings but the result/alignment is not stable and changes with screen resolution.
Can you tell me what is the image size and css settings for what you sent me http://screencast.com/t/In0djext7v ? That seems fine. Thanks.
Hello bhadrabalaram,
Please try only the code below in your CSS area. -> http://screencast.com/t/jrRGNdmke
The code is ->
.td-header-style-3 .td-header-sp-logo {
padding-left:0px;
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo a img {
margin-left: 0px;
}
The result -> http://screencast.com/t/ndhjGZlxZqP
Hope this helps!
Thank you for the message!
Thanks. That worked 🙂 but then the ad image also moved left.
Before entering the code https://gyazo.com/3a32a8eed31db9ffd52ad9ae7dc75a75
After entering the code https://gyazo.com/bb85ef41d9141c425d199082ebee98d5
Hello
Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-sp-recs img {
left: 28px;
}
The result -> http://screencast.com/t/v7vsXsBr
Hope this helps!
Thank you for the message!
Done! I am impressed with your patience 🙂 Keep up the good work! Thanks, Catalin.
