Header logo

Posted in: Newspaper
Post count: 15
Frostaporten
#152227
Jan 11, 2017 at 8:47 am

Hi,
Building a full width header logo and using header style 10 I end up with the following result at http://frosta.frostaporten.no/

However, I don’t want the white section below and above the logo to be visible. How can the height of this “row” be adjusted fitting the height of the logo image? If that’s not possible, which width and height of the logo image should be used to fit totally into this row, not getting a white border around?

Regards,
Audun Kvamme

Post count: 20685
Simion C.
#152316
Jan 11, 2017 at 2:58 pm

Hi,

If you want to use your current logo image try this code, enter it in Theme panel->Custom Css (it will remove the white space)

.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height:0;
}
.td-header-style-10 .td-logo-wrap-full {
min-height: 0;
}

Result – http://screencast.com/t/S1bnibRbU
Another way is that you could make another logo of a bigger size (in your case a minimum 130px height) – http://screencast.com/t/ooIWOtOFS

Thanks

Post count: 15
Frostaporten
#152323
Jan 11, 2017 at 4:06 pm

Great – worked out nice!
Thanks!
Audun

Post count: 15
Frostaporten
#152521
Jan 12, 2017 at 3:49 pm

However, I now see that the code only affects the homepage. Whenever I enter some of the pages in the main menu the white space appear. Any solution to ensure removing the white space all the time?

Regards,
Audun

Post count: 15
Frostaporten
#152524
Jan 12, 2017 at 3:53 pm

And by the way, I also noticed another unwanted issue…. when scrolling down a page the main menu disappear (as it should). But when scrolling back up again the main menu appears with the full width logo image beside the menu items… This makes the menu look strange. Only the menu should be seen at this point… Any suggestions for this also?

Regards,
Audun

Post count: 20685
Simion C.
#152547
Jan 12, 2017 at 4:48 pm

Hi,

Remove the previous code and enter this one, it should work always now

.td-header-style-10 .td-logo-wrap-full {
line-height: 0;
}
.td-header-style-10 .td-logo-wrap-full {
min-height: 0;
}

As for the logo on sticky menu, you can disable it in Theme panel->Header->Main menu – https://www.screencast.com/t/Z8Bwknl8

Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.