Logo beside navigation

Hi,

You can do this from Appearance -> Menu, add a new menu item and in Navigation Label section add image source like this: http://screencast.com/t/AInGu7tZfwA

Image Source should look like this:

<img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/logo-top2.png" />

And you will get this result: http://screencast.com/t/pVqRCnkBmfs

Also use css to style the image if it doesn’t fit well.

Thanks

Hi,

Just add this css in Theme Panel > Custom CSS:

.td-header-bg {
display: none !important;
}

This will hide the header on all pages.

Thanks

Hi,

@dhvanesh
Please remove the css I gave you before and try this:

@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}

@media (max-width: 767px) {
.td-header-bg {
display: block !important;
}
}

@seitenprofi
I’m not sure that I understand where you want the logo to appear. Can you please provide more details on what are trying to achieve or maybe a screenshot of something similar?

Thanks

• This reply was modified 12 years by Lucian.

Hi,

The logo appears there because it’s like a menu-item from that list now. Please chose the “header style 2” from Theme Panel and set to hide the header only on screens with the minimum width of 768px using this code in Custom CSS > Theme Panel:

@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}

Also remove this code:

.td-header-bg {
display: none !important;
}

and

@media (max-width: 767px) {
.td-header-bg {
display: block !important;
}
}

from Theme Panel > Custom CSS filed.

Hope this helps!
Sorry about this!
Let me know if works!

@seitenprofi Use the same method to add the logo like a menu-list item and them position it using CSS like you want it.
For the logo to be shown on mobile chose the menu style 2 and use the @media or the advanced CSS from Theme Panel http://screencast.com/t/CvwEyAOxSxb2 to hide the header from other screens or the above CSS:

@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}

Thanks

• This reply was modified 12 years by Lucian.

Hi,

Use this method I gave you a while ago:
https://forum.tagdiv.com/topic/adsense-below-header-on-homepage/#post-15013
You can do the same for each template you want the ad to appear on.

Thanks

Hi,

In that case you have to remove the css which hides the header from custom css in theme panel and select header style 6 http://screencast.com/t/TgkIv0GMVk and then from header.php file comment or remove this line: http://screencast.com/t/wYFy305hp12

Thanks