Header logo align right & no shadow at main menu

Posted in: Newspaper
Post count: 4
kuckkuck
#194559
Sep 22, 2017 at 3:26 pm

Dear tagDiv-Team
at my site speiseraeume.de I am trying to solve two design “problems”:
1. I am using header style 9 and I would like to have the logo not centred but on the right side aligned with the right end of the big grid.
2. I would like to delete the shadow under the main menu.

Any CSS suggestions?
Thank you!

Post count: 20688
Simion C.
#194776
Sep 25, 2017 at 8:55 am

Hi,

You can try a code like this, for both the logo and header menu shadow
– https://www.screencast.com/t/hDVeqM3u
Enter it in Theme panel->Custom CSS and the result should be like you want.

.td-header-style-9 .td-header-gradient:before {
display: none;
}
.td-header-style-9 .td-header-sp-logo {
max-width: 1068px;
margin: auto;
}
.td-header-style-9 .td-logo {
float: right;
}
.td-header-style-9 .td-logo-wrap-full {
min-height: 190px;
}

Thanks

Post count: 4
kuckkuck
#194849
Sep 25, 2017 at 2:49 pm

That works perfect!
Thank you.

Post count: 4
kuckkuck
#194898
Sep 25, 2017 at 5:32 pm

Mmh – it doesn’t work at the category pages: e.g. http://speiseraeume.de/thema/allgemein/
The shadow isn’t visible – but the logo is still centred. Any idea?

Thanks!

Post count: 20688
Simion C.
#194983
Sep 26, 2017 at 10:38 am

Hi,

Yes it seems to work only on the homepage. Remove the previous code and enter this one, it will apply on all the website (post page, category page etc)
– https://www.screencast.com/t/QdlS7MI4k
– https://www.screencast.com/t/uw1qW34i

.td-header-style-9 .td-header-gradient:before {
display: none;
}
.td-header-style-9 .td-header-sp-logo {
max-width: 1068px;
margin: auto;
}
.td-header-style-9 .td-logo,
.td-header-style-9 .td-main-logo {
float: right;
}
.td-header-style-9 .td-logo-wrap-full {
min-height: 190px;
}

Thanks

Post count: 4
kuckkuck
#195023
Sep 26, 2017 at 12:57 pm

Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.