- 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 change header style to “Blog style – full text logo + menu” and I think that there wont be issues on moblie view. Any if you want to use Style 3 you can use this custom css:
To hide the main menu and place the search button on top for mobile view: http://screencast.com/t/Q2PImmCmYDWG
@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
}
For tablets please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/vMf2QV8vpxMx
@media (max-width: 1018px) and (min-width: 768px){
.blog-stack .sf-menu > li > a{
padding: 0px 5px 0px 5px;
}
.blog-stack .sf-menu a.sf-with-ul {
padding-right: 25px;
}
.blog-stack .sf-menu > li > a{
font-size: 12px;
}
}
Hope this helps!
Thanks!
Hi,
You can try to set you header to header style 3 then use the custom css from below to get this result: http://screencast.com/t/WPtJGwplM
@media (max-width: 767px) {
.td-menu-wrap #td-top-menu {
display: block !important;
}
#td-top-mobile-toggle {
display: none !important;
}
#td-top-search {
width: 40px;
position: absolute;
top: 0px;
right: 16px;
}
.header-style-3 .td-logo img {
position: initial !important;
width: 180px !important;
}
}
Please also note that the main menu hasn’t been designed to be used on mobile screens so you might need additional customization to it.
Regarding the second questions, in the customization above I have removed the mobile menu button as I believe you don’t need it anymore.
The icons is added using the background-image property via css: http://screencast.com/t/k6hyD03kHex You can also alter tit via css and change it or enlarge it.
Thanks
Hi,
The logo issue you have is because you use a large logo img and which on mobile screens id set to a 180px width and behaves as in your case.
You can adjust it and make it look better via css, like this: http://screencast.com/t/vrjChmttUD67
You also need to remove or change the header color, use the css below and set the color as you like. It will have to be different form blue because the logo is also blue and different from white because the menu icon and search icon are also white.
You can also set the menu color to black from theme panel: http://screencast.com/t/nUvQUIFd
@media (max-width: 767px) {
.td-boxed-layout .td-menu-placeholder .td-menu-background .td-menu-wrap {
background: red !important;
}
.header-style-3 .td-logo img {
width: 380px !important;
top: -1px !important;
}
}
@media (max-width: 500px) {
.header-style-3 .td-logo img {
width: 300px !important;
top: 5px !important;
}
#td-top-search {
right: -40px !important;
top: -57px !important;
}
}
@media (max-width: 400px) {
.header-style-3 .td-logo img {
width: 250px !important;
top: 8px !important;
}
}
The itemprop="interactionCount" meta tags are added and used for the comments counter from modules: http://screencast.com/t/MgwNRmvLQLzi
To remove it please comment this line: http://screencast.com/t/3iTGxtlTs
Thanks
Hi,
Thanks Chris!
@frubun
You can use header styles 3 or 6, upload your logo at the size you want it as it’s set to be displayed and fill the whole containers width(max 1074px).
Thanks
Hi,
Thanks Chris!
@kovachx
You can also try using this topics below and add you logo as a menu item then style it as you like:
* https://forum.tagdiv.com/topic/show-small-logo-on-smart-snap-menu/
* https://forum.tagdiv.com/topic/logo-in-menu/
Thanks
and how about logo for mobile, i had insert logo with dimension 275×58 px, but when i see in mobile device the logo is too small,thank you
Hi i have solve this problem, i change code in header.php before, now i have any problem, why my logo not view responsiv?its too small when open with mobile device
Regards
we’re using a 541×90 logo centered in the full width logo space. Looks nice 🙂
I think we had a 728×120 or something, and decided to make it a little smaller for page speed.
-
This reply was modified 11 years by
simchris.
You would probably need to do some custom coding for that, to make one div (eg., span 6 for your logo, span 6 for menu). So, you’d likely need to edit the menu files for the theme to do something it wasn’t designed for. (E.g., having your logo float above the bar larger than the height of the bar div.
You would likely need to hire a developer to hack the theme to do such a custom modification.
Using one of the default menu choices, you would
a) set your logo to fit the height of the menu div,
b) limit the number of items in the drop down menus to not be wider than the page layout. You obviously cannot have 1600px of menu on a 1200px menu. It will drop down to new line.
The menu types are shown in the theme demo on Themeforest, but doing a super custom menu as you’ve shown in your image, would need to be customized by you or your developer.
(I do not speak for the theme devs, I’ve just been using their themes for 13 months, so have been hacking stuff myself regularly and sharing some of my experiences since I have been working weekends on/off to redo our company sites/portals… and so my answer should be considered an opinion only!). 🙂
fixed logo…
any idea why I cant share on facebook or posts images get cut off?
Hello
Is posssible to have a logo, that fills the whole space from right to left, on top of the theme without changing the theme code?
What is the maximum width of logo than can be added. The height I want to add is 150px or maximum 200px but I am not sure abouth the width how much is possible.
I would be appreciative to get an answer from you
Thank you
Sergiu
now the logo isnt showing up. please someone help! i dont mind paying for help
Thanks Chris S, thanks Lucian
1. For Adsense, is pasted but the ad is not displayed on the header, right of the logo. http://www.infosen.net (can’t even see the source code from the browser)
I have the same problem with sidebar ad. see the title on the sidebar Pub G it’s an adsense test. I got white space.
i have a correct adsense account, my ads are well displayed here http://www.senclip.net
2. for iframe, no problem with youtube code for example.
but this
<iframe id=”cilStreamFrame-0c51086034″ class=”cilIframe” src=”http://www.coveritlive.com/embed/stream.v2.html?linkTo=http%3A%2F%2Fwwwssl.coveritlive.com%2Fembed.html%3FaltcastCode%3D0c51086034%26srcdom%3Dwww.coveritlive.com%26srcdomsec%3Dwwwssl.coveritlive.com%26height%3D750%26entryLoc%3Dtop%26commentLoc%3Dtop%26titlePage%3Doff%26replayContentOrder%3Dreverse%26embedType%3Dstream%26titleImage%3D&ac=0c51086034&height=750″ height=”750px” width=”520px” frameborder=”0″></iframe>
din’t work on http://www.infosen.net/?p=165
(but i love this template !)
thanks
Not a theme issue aside from the fact that changing themes can sometimes throw off Google News if they are scraping your photos still and NOT reading the XML news sitemap.
One of my sites switched to Newsmag this past Sat. and no trouble with images in Google News. We’ve been using the Newspaper theme for 12+ months with couple of sites in Google News, also without issue.
Just remember
For best results with Google News you should be using a NEWS SITEMAP in addition to your normal sitemap. The NEWS sitemap will have de facto link to image in the news sitemap XML. Google is now finally using that, unlike as recently as Nov. 2014.
AND:
1) you should have the image in your META data (e.g., OG tags)
2) you should have an actual image in the body of the post/story, as Google prefers that to say, the giant background image behind everything like the title of story.
3) Google doesn’t like GIFs
4) Google News will more often skip anything which looks like a logo, chart, or advert now; meaning something without a full color range of a photo; we trick them sometimes by putting a logo on a gradient background
5) Google News may skip an image which is too small
Our sites have been in Google News since it first launched in BETA 10 years ago, so we have to deal with this on daily basis. 🙂
Hope that helps!
Hi,
I want the menu more closer to the top and my logo on the menu itself on the left something like http://www.cnet.com look at their logo and top menu.
Hi,
I’m not sure to which icons from VC you refer too so please provide more details about them. Either way the theme doesn’t have an option to set other icons to menu items besides the default ones so you would need additional customization for this or try to find a plugin.
For logo and menu margins you need custom css so please provide more details about how you would want them and also provide your site’s URL.
Thanks
Hi,
Sorry for the delay!
Our daily support hours is between 8:00 AM – 17:00 PM (GMT+2) and we take message one by one starting with the older ones. For some messages we need more time to test and research the issues/requests/reports.
I have also tested the issues you’ve reported and haven’t found any issue with the transparent background. Set a background image from theme panel: http://screencast.com/t/0cOR1Iya8KH8 then set the header to transparent: http://screencast.com/t/CXvxGRze to test this.
Regarding the use of custom html instead of posts into the big slider I’m afraid that the theme doesn’t have an option for that and you would need to customize it yourself for it.
I’m not sure about what type of menu you refer to, if you want you can send me your site URL and I can take a look at this.
We recommend to use the logo at 300x100: http://screencast.com/t/2z2hcKeB and the theme doesn’t have an option to resize the logo so you would have to do it via css if you need it. Send your site’s URL so I can tale a look if you want.
If you are unsatisfied cannot use the theme, we can provide you with a full refund. Please contact us via email contact@tagdiv.com
Sorry for all the trouble you’ve encountered using our theme.
Thanks
Numerous attempts made to resize it. Nothing worked.
1.The header won’t go transparent. I tried the button in theme panel.
2.I want to have the homepage with the background image but instead of using articles on the ‘big slide’ I want to use custom HTML.
3. Menu will not squeeze, looks chunky and logo is minute in relation to the rest of the menu.
Help appreciated.
Hi there,
I want to know is it possible to add the icons from visual composer and assign them to the menu. For example I want to have a computer icon representing my pc section on the menu. I don’t know if its possible or I have to use another plug in. Also I want to know how can I set margin for the Logo and menu so I can reposition them the way I want and also how can I move the advert from the header above the Big slider.
You can see my sites …
production site now live with Newsmag as of this past weekend; this was old news portal in our network moved from ooooold pre 2009 template system, and still tweaking: http://floridanewswire.com
And here is my test (hobby) magazine site- http://ga-ga.com – which is an ongoing process as I’m basically rescuing content from several of our “defunct” websites and moving them into ONE shiny new place while we’re doing original content as well… it’s not technically a live/promoted site, even though it’s being shared in social – it’s not in Google News, for example, while the Florida site is.
Sites are not fully optimized… meaning minification and font optimization not yet done, as I had done with Newspaper theme. In any case they look great on all devices (well. logos still need to be tweaked for mobile …. but that’s my job, not the theme’s problem).
Hi,
I have checked your site and noticed that the logo container is empty: http://screencast.com/t/CcyepQXxSFFg so please make sure you do this right (last section): https://forum.tagdiv.com/header/
I have also tested this using the latest theme version and haven’t had any issue of this type so you shouldn’t experience this also.
Please make sure that you use the latest theme version which is 4.6.1
Please try this without any plugins active and also make sure you empty cache as well and make sure the theme actually saves settings. The issue with saving settings usually appears because the server security module blocks the access to admin-ajax.php file. Try to verify if this happens when you save settings in other cases in theme panel and also verify the console for error while saving the settings on the Theme Panel, usually it displays a 403 or 404 error.
Contact your server administrator and explain the situation, as it’s requested many times during the a save the file it’s treated as threat so it’s banned. You can report false positives to your server administrator to remove it from the banned list.
Hope this helps! Please let me know how it goes!
Thanks
Hi…fitnatic.net…. the logo is in png format and both…the logo has successfully uploaded to the media library, however whenever I try to add it as the logo, it loads and then nothing….
Hello everyone
I was wondering if is possible to move a little down the header ads, in my opinion the ads are not centered with logo and thats the reason of my question.
In the following image you can see the original view (upper ad) and the view that I would like (bottom ad).
Thank you in advance for your help.
BR

Hello Again,
i could fix the social coutner issue by re-instaling it manually from the ftp.
Additionnaly could you please help on :
1/ How to display logo well in footer (it looks ugly now).
2/ for the smart side bar when you scroll block title is cut on home page and others pages.
thx u