How to display logo on the line ?

Posted in: Newspaper
Post count: 3

Hi there,
as you helped me out so perfectly last time here is another (probably more difficult?) question.

I disabled the td-banner-wrap-full and am just using the td-header-menu-wrap-full.

What I want is to put the menu slightly to the right and place my logo on the left of it. However not exactly on the same height but a bit lower so that is not fully contained in the td-header-menu-wrap-full but is centered on the line.

I made a crappy mockup to show what I mean.

logo placement

the above image is the state “as is” now and the 2nd image shows what I want. The red square is where the logo should be and the menu farther right to make place for it.

Post count: 7909

Hi,

You need custom modifications to achieve that, as you will have to change the log to position absolute and target it for each screen device using media queries. For example you can customize header style 7 – http://screencast.com/t/cxNGeCQQEXkhttp://screencast.com/t/SYJdQVw6 You may need additional customizations, I suggest to hire a professional if you don’t know how to do it, as we cannot provide any type of custom work at this time, sorry!

.td-header-style-7 .td-header-sp-logo img {
position: absolute;
right: auto;
left: 50px;
top: 70px;
}
@media(min-width:768px)and (max-width:1018px) {
.td-header-style-7 .td-header-sp-logo img {
top: 40px !important;
}
}

Thanks!

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