- NewspaperHow to Add a Logo in Newspaper
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
Hi,
You can use this CSS, add it in Theme panel -> Custom CSS
@media (max-width: 767px) {
.header-logo-wrap {
display: block;
}
.header-logo-wrap img {
display: block;
}
.mobile-logo-wrap {
display: none;
}
}
but the logo if at the top. To move the logo bellow the menu you need to make some code changes.
Thanks for the message!
http://screencast.com/t/9hNV8GRkN
As pictured, when using the full-width logo if you exceed the standard logo height you cause the main menu to be out of position. With a sticky menu this messes with the fluidity of how the menu jumps from an inline element to a floating bar.
Where do I adjust the height from the top for the sticky menu to pop out and start floating?
Ideally, I would love the logo to be below the menu/search bar and on the left side.
Would be nice option to have as choice from panel.
But here was my old post
https://forum.tagdiv.com/topic/adding-page-background-site-wide-not-using-theme-panel/
From Radu A
http://screencast.com/t/kinWT9k1
body {
background-color:blue !important;
}
div.td-header-bg {
background-color:#00ff00 !important;
}
div.container.td-logo-rec-wrap {
background-color:#ffffff !important;
}
div.td-menu-background.affix-top {
background-color:red !important;
}
div.container.td-menu-wrap {
background-color:#ffffff !important;
}
Hi,
The logo is in that position like in our demo, do you need other position for the logo. Give us more details.
Thanks!
One huge feature that’s missing from this theme is the ability to have a full width header with a boxed content wrapper. Like so:
http://www.screencast.com/t/hmURJrfQ
Furthermore, with the design currently set to full width, the primary sticky navigation menu is only the width of the boxed content area. This menu should be full width anytime the header is full width. Same for the top menu with the time and social icons widget area. The header, in terms of width management, should fully encompass the top menu, logo and main (mega) menu areas together.
This would be most useful as options in the theme panel. Separate the body and header widths completely so each is fully independent. The possible combinations should include:
Full width header + full width body
Full width header + boxed body
Boxed header + boxed body
And the menus should really follow the header in all cases
How about it? Customer support of this idea? Dev team support?
Okay, I have figured out what is going on. When reduced down to phone size, the black bar that contains the menu and search icons is behind the logo and pushing it to the right. Can this be changed?
hi,
the icon is there but is black, this is why I said to switch to white.
the menu is working fine.
http://screencast.com/t/zmGtbMXNKf
Thanks for you message.
Radu A.
Switching the menu color to white changes nothing. The logo is still on the right of the header on the phone and there is not navigation. Help please.
hi,
switch the menu to white: http://screencast.com/t/3cfCcCAY
Thanks for you message.
Radu A.
Hi,
A simple solution is to add the logo in menu like a normal item, add a link in menu and use like <img src="link to your logo"> to add your logo.
Then inspect the logo from menu and adjust it via CSS.
Thanks!
My clients site: http://conservativevoiceofthepeople.com/, the logo is to the right on the mobile version (Android to be exact) and there is no navigation. Can this be changed?
Hi,
You can make it via CSS, similar to this: http://screencast.com/t/Mpionp9tmt I’ve makes with Firefox inspector some CSS modification.
Hi again,
I have being laying with this further and have decided that it may be better to modify the menu-header.php to setup the logo as I require.
So I want to have the logo positioned on the left with the menu to the left and the various devices showing correctly using CSS for the logo size and menu font size.
If I add the logo to the php file the image floats out side the menu, how do I get it to be in the menu, so it will work no matter what size i set the logo size to.
I want my logo in the menu on the left I have already got this working, I have used CSS to remove the header section so it doesn’t show my logo there, but will comment out locate_template(‘parts/header-style-1.php’, true); in the header.php file once working correctly.
I just have a few questions to get this working as I require.
I want to have my logo on the left on all devices , so I have placed the menu item as the first one to get this working on my desktop version, but for other devices I get the logo on the right, how do I get the logo on the left and menu on right for other devices?
I also want a larger logo than the one I have seen people use, how do I increase the height of the menu to place a larger logo while still having the other menu items show correctly?
for further info of what sort of thing I am looking for checkout http://www.cranialink.com/..but obviously I want my menu to look like the one that comes with my theme.
I am trying something similar to this, I want my logo in the menu on the left I have already got this working, I have used CSS to remove the header section so it doesn’t show my logo there, but will comment out locate_template(‘parts/header-style-1.php’, true); in the header.php file once working correctly.
I just have a few questions to get this working as I require.
I want to have my logo on the left on all devices , so I have placed the menu item as the first one to get this working on my desktop version, but for other devices I get the logo on the right, how do I get the logo on the left and menu on right for other devices?
I also want a larger logo than the one I have seen people use, how do I increase the height of the menu to place a larger logo while still having the other menu items show correctly?
Ok, so what I want is “style 1” (logo+ad) + menu. However when I add a 728 x 90 – Leader board from Google ads,you can’t see it at all as it’s obscured by the menu. To resolve this I tried moving the header alignment but it results in the ad covering the top menu or the sites logo being obscured by the top menu.
I have seen other sites using the leader board sized ads fine. So is there something I can do to resolve this?
Thanks
hi,
Emil G is answering you on email, no need to write here too.
Thanks for you message.
Radu A.
Hi again
The site is live and I’m wondering how I get the mobile version to show the mobile menu button on the left, and my image as a mobile menu item.
If you visit the site, I want the image you see in the menu when scrolling at the same place when you’re scrolling on mobile.
I’m displaying the logo in the menu with the following css, and it’s working great on everything except mobile:
/* —————————————————————————-
Custom CSS
*/
.menu-item-40484 {
display: none;
}
.affix .menu-item-40484 {
display: block;
}
.menu-item-40484 {
position: absolute; left: 260px;}
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.menu-item-40484 {position: absolute;left: 35px;}
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1199px) {
.menu-item-40484 {position: absolute;left: 52px;}
}
@media (min-width: 1019px) and (max-width: 1199px) {
.td-menu-wrap #td-top-menu {
padding-left: 70px;
}
I’ve tried adding something like the css below, but it doesn’t work:
/* responsive phone */
@media (max-width: 767px) {
.menu-item-40484 {position: absolute;left: 5px;}
}
My site: http://www.amerikanskpolitikk.no
hi,
do you have any plugins installed? if yes, please try to disable or remove them and try again.
also, can you please install the theme on your computer (no pluggings) and change the colors and the logo? see if it duos the same.
Thanks for you message.
Radu A.
Hi,
You can reduce the size for Ipad portrait, will look like this: http://screencast.com/t/9JRRsvXc via CSS
Or to hide the Home icon on Ipad to make more space, user will click on logo to go Home.
A solution for a menu on 2 line is a little hard to be done.
Thanks for understanding!
Hello,
I notice that the page is not completely adjusted with a kind of gap in both sides of the page. I only change the typography, some colors, and put a new logo for the page, but the logo is not the problem because I have removed it and the issue continue.
How can I fix this?
Hello tagDiv,
First off,I would say this theme is great 🙂 But there is some improvements needed!!!!
Header Ad System bugs
I have noticed a lots of bugs this weekend. Which includes problems in the Header Ad System! When someone visits from a 7″ tablet, the Ad covers the whole logo! Although I’ve chosen to display 468×90 in Tablets! Please fix this ASAP. Here is the example: http://www.screencast.com/t/GmKD5f22QD5l
Main Menu Bugs
I am not sure if its a bug or not. But there is some features for the menus, I am going to suggest. First off, please add a feature to show different menus for small display (mobile,tablets)! Cause if someone visits from smaller displays, the items at the end (main menu) goes down! Which is really bad…PLEASE FIX THIS ASAP!!! here is what I’m talking about: http://www.screencast.com/t/PNLvhx6JO0pk
Small/post sliders bugs
Another bug I’ve noticed that the small sliders doesn’t displays the whole image! The sliders crops the images and leave some space in bottom! PLEASE FIX THIS ASAP!!! Ex: http://www.screencast.com/t/YBdLjupIeb
Suggestion:
I have seen a lots of themes/sites uses dividers to divide everything. From ads to sidebar widget. You can look through The Verge for example of their dividers. I would love to see divders (horizontal and vertical) between every widget, sidebar, just like The Verge. Also, add a feature to Disable and Enable this feature, if possible. Please add this in the next version and don’t say “we will discuss this later”. tagDiv haven’t finished any of my request till now!!!!! So, please do this as quickly as possible.
Thanks!
Mehedi
Hi,
@Christopher
Style 3 is like your mentioned style 8
[ top menu + socials ]
[ full width logo ]
[ main menu ]
[ full width ad ]
Style 7 can be done easily combining those: http://screencast.com/t/Sh16OLMNkT
@Speedster
1. Can be done easily customizing the headers file used adding this line of code for each AD unit http://screencast.com/t/LO5ZsBdv0iJh here are the AD docs: https://forum.tagdiv.com/ads/
2. Can you show me exactly in which case, in a screenshot or something
3. Do you mean a header for ADS? The can be done adding this HTML above each AD:
<h4 class="block-title">
<span>My header line text</span>
</h4>
Hope this help!
Thanks for the message and for the suggestions!