Hi,
I’m currently using the ‘Style 1 – Default’ header for my test site but the logo is appearing smaller than i’d like and has a large margin to the left of it.
http://www.dynamicevents.org/test/
Ideally it would be more like the following link (but with an ad space to the right of it)
I hope you can advise?
Thanks
Hi strawberrybase,
Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/iz9wZkROAek
.td-header-style-1 .td-header-sp-logo img {
max-height: 107px;
margin-left: 0px!important;
}
The result you should see here: http://screencast.com/t/Zma9NIfN1S1
Hope this helps and let us how it goes!
Thank you!
Thanks, that’s working. However i’ve tried to increase the size of the logo by amending your code slightly and it’s causing the image to crop. Is it possible to increase the depth of the header area so the logo can go bigger without losing any of it?
Thanks
Hi strawberrybase,
You can achieve this if you increase the height of the td-header-sp-logo. Also you have to adjust and the padding-top of the image ad to look better.
Please try the code below and place it in Theme panel->Custom Css area.
.td-header-sp-logo {
height: 130px!important;
}
.td-header-style-1 .td-header-sp-logo img {
max-height: 130px!important;
}
.td-a-rec-id-header a img {
padding-top:30px!important;
}
The result you should see here: http://screencast.com/t/t6wuwGIC0g8Y
Hope this helps and let us know how it goes!
Thank you!
Thanks for this. I have this working and though it looks fine on a desktop on a tablet (portrait orientation) the logo is cropped on the top and bottom and the advert is badly cropped on the bottom edge too.
I hope you can advise?
Thanks
Hello,
You can use this custom css to target the tablet view:
@media (min-width:767px) and (max-width:1018px){
.td-logo-wrap-full{
height:130px;
padding-top:22px;
}
}As before, you can adjust the parameters in the code to your preference.
Thank you!
Thanks, this is great. The only thing i’ve noticed now is that when viewed on an iPad (in portrait orientation) the leaderboard advert is aligned to the bottom rather than centred in the middle like the logo (when viewed on a desktop). Is there a fix for this?
Thanks
Hello,
It’s getting aligned like that from this code you have in your theme panel: http://screencast.com/t/RtNeeMD2vxtW
I cannot override it as it is already set to !important. You need to remove it and the ad will display properly. If you need the code, then target the specific viewport you need it in with @media.
Thank you!
