- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
I have been edited on the file index.php
It seems true now
<?php ini_set('display_errors', 0); ?>
<?php
if (function_exists('get_header')) {
get_header();
}else{
/* Redirect browser */
header("Location: http://" . $_SERVER['HTTP_HOST'] . "");
/* Make sure that code below does not get executed when we redirect. */
exit;
}; ?>
<?php
//set the template id, used to get the template specific settings - this was the old home.php template
$template_id = 'home';
//prepare the loop variables
global $loop_module_id, $loop_sidebar_position;
$loop_module_id = td_util::get_option('tds_' . $template_id . '_page_layout', 15); //module 1 is default
$loop_sidebar_position = td_util::get_option('tds_' . $template_id . '_sidebar_pos'); //sidebar right is default (empty)
// sidebar position used to align the breadcrumb on sidebar left + sidebar first on mobile issue
$td_sidebar_position = '';
if($loop_sidebar_position == 'sidebar_left') {
$td_sidebar_position = 'td-sidebar-left';
}
?>
<div class="td-main-content-wrap">
<div class="td-container td-blog-index <?php echo $td_sidebar_position; ?>">
<div class="td-crumb-container">
<?php echo td_page_generator::get_home_breadcrumbs(); ?>
</div>
<div class="td-pb-row">
<?php
switch ($loop_sidebar_position) {
default:
?>
<div class="td-pb-span8 td-main-content">
<div class="td-ss-main-content">
<?php
locate_template('loop.php', true);
echo td_page_generator::get_pagination();
?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'sidebar_left':
?>
<div class="td-pb-span8 td-main-content <?php echo $td_sidebar_position; ?>-content">
<div class="td-ss-main-content">
<?php
locate_template('loop.php', true);
echo td_page_generator::get_pagination();
?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'no_sidebar':
td_global::$load_featured_img_from_template = 'full';
?>
<div class="td-pb-span12 td-main-content">
<div class="td-ss-main-content">
<?php
locate_template('loop.php', true);
echo td_page_generator::get_pagination();
?>
</div>
</div>
<?php
break;
}
?>
</div> <!-- /.td-pb-row -->
</div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<?php
get_footer();
Thank you again
I’m looking for a similar solution. My site visitors do not see that the icon is intended for searching. They can’t find the search function. Do you have a more obvious search tool or can you help me with this code? Maybe a search page I can create and link to in menu? I played with the code above, but it persists on mobile browser and interferes with the logo. The above code is not responsive. Thank you!
1 & 2. All the names with the exception of “HOME” are currently align right. There is a big gap between “HOME” and the next word “CHOI” (see link). I would like to know if the category names can be centered and moved closer to “HOME” for both desktop and mobile views. Thanks.
Hi Guys,
Over the weekend for seemingly no apparant reason we’ve started getting the mobile categories drop down appear on the left hand side of the site.
Any ideas why / how I can stop it? http://www.heyuguys.com
Thx.
Dave
Hi,
Unfortunately the mega menu was not designed for mobile devices, sorry! It will display the category name and if you use a parent category also the subcategories will be displayed – http://screencast.com/t/ycAi79JGzek
Thanks!
Hi! i have problem in header versiĂłn of my website, tecnovortex.com
In desktop or tablet header is white (i want white) but in mobile the header is black:
ÂżHow i can change thesse settings to white?
Sorry my english.
Hello notpedu,
This is the default state of the theme, but you can make the top-menu appear using custom css like in this topic here: https://forum.tagdiv.com/topic/top-bar-not-showing-on-mobile/
for example:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
}
This code will provide this result: http://screencast.com/t/jxljko5scU8T
Thank you.
Hi
I can’t see topbar menu in mobile device.
How i can enable it?
Hello,
I love the theme update! It looks phenomenal.
I was wondering how I can customize the default video player which is used on the Newspaper theme. Rather than having it use the Vimeo player, I have a Vimeo Pro account which gives me the file URL location and allows me to embed videos into my own player.
For that reason, I have JW Player Ads Edition, which allows me to monetize. Right now the only way to get videos to show up in their specific position is if it’s strictly a Vimeo URL. Since I’d like to use the pre-roll VAST tags I have, I was wondering what I need to edit (where to begin, what file it’s found under, etc) so that I can have JW Player V6 Ads Edition be my video player rather than the one Vimeo provides.
Vimeo Pro allows users to not only embed videos, but to directly embed the files which change to a mobile format or downgrade quality based on connection speed for you (acting as a $200 a year CDN, saving me $6,000 a month at least).
Where do I go about editing how a video is pulled? Ideally, if I could paste in the url to my video on Vimeo / YouTube area, and run the system through there, where would I edit this file and would it be best to use a child theme to direct this through?
Thanks & Fantastic theme!
Lewis, probably helps not posting same things more than once like “how to hide things on mobile…” which is asking for custom programming help to do stuff theme not setup for out of the box …
posting yet another question here like this just slows down the whole process because guess what ? now somebody at tagdiv support has to answer this post !
Hi
Try this css to hide the red top: http://screencast.com/t/xLVvKVHpP
.wpb_tabs .wpb_tabs_nav{
display: none;
}
You can use the developer tool to get the element specific classes: http://screencast.com/t/xvqrwh0xmn but the easiest way to hide a specific element on mobile devices is to add a specific class in VC: http://screencast.com/t/Jin8YYsscJKe than add a custom css like this:
@media {max-width: 768px){
.video-player-class{
display: none;
}
}
Thanks!
Hello gagosg,
You need to add this code to the custom css tab in the theme panel:
@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: black;
}
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #FFF !important;
}It looks like so: http://screencast.com/t/Goaq9vat
Thank you.
Hi guys,
When enter the web site from mobile phone. More Article Box appears on text. Can we close for mobile?
Thank You Andrei .
I Edit by Q. https://forum.tagdiv.com/topic/homepage-thumbnails/#post-67196
Now my site and works fine on mobile devices .
Still having the issue. The errors in the console are all coming from (or trace back to) the DoubleClick ad network (Essentially AdSense). They shouldn’t be affecting mobile vs desktop tap space.
The issue is one I’ve seen before. I don’t know if it’s related to the theme but I’d imagine so since switching themes automatically fixes the problem. When using a 3rd party provider of AdSense ads there is this transparent block (320×320) that appears below ads. You can’t see it, but it covers up menus usually. This time, the header ad was covering up the first position in the block on mobiles. Added height: auto !important to the img tag in the custom css for mobiles and problem solved.
I had to do the same for the sidebar ads as well a while back. I had a grid up top for a long time which, like the menu and logo – uses a higher z-index value so the transparent block fell beneath it and wasn’t an issue.
Container limits on images in ad spaces (I only use theme provided spaces for ads) would be a smart addition to Newspaper and NewsMag (where I first noticed the problem last year). But this is resolved for me now. Thanks for looking into it, Alin.
Hi
Lucian replied you here: https://forum.tagdiv.com/topic/how-can-i-edit-my-mobile-template/
Thanks!
Hello enpomedia,
It seems you have a custom CSS that sets the mobile background color to white. If you want it set to transparent just change the css that Andrei gave you: https://forum.tagdiv.com/topic/how-can-i-change-the-color-of-moblie-main-menu/ and replace the #fff color to transparent
It should look like this:
@media(max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #transparent !important;
}Thank you.
Hi
I’ve checked your site and works fine on mobile devices now: http://screencast.com/t/OYlr23xQku also the theme’s version that you’re using it’s 2.0 not 2.2: http://screencast.com/t/VlmWd9PS Regarding the update process, please make sure you clear all caches, purge the cdn files if you’re using, also deactivate all plugins, except Visual Composer and test again. Make sure you follow this update guide: https://forum.tagdiv.com/how-to-update-theme/
Let me know how it goes and if you still need assistance on this provide more details!
Thanks!
Hi
Like I said above you can use media queries to hide a specific element on mobile devices, for the row html you can use this custom css and if you’re using the video player from VC: http://screencast.com/t/Jw6XvAFHi that will be hidden also:
@media (max-width: 768px){
.wpb_raw_html, .wpb_video_wrapper{
display: none!important;
}
}
I am not sure at what red tap you’re referring but you can use the same method to hide it, by targeting his specific classes. or you can set a custom class for vc elements and use it in this scope: http://screencast.com/t/nOPPc6KMYjAv
Thanks!
Hi
I’ve checked your site on mobile device and the logo it’s between the menu button and search form: http://screencast.com/t/O7o66VC7WpE This is the original design for logo on mobile devices, we have the same design on our demo: http://screencast.com/t/AEF6shEA
If you need a different implementation you can look for a developer as unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support.
Thanks!
Hi there, my site is BuzzHut (http://www.buzzhut.co.uk). We’re a gaming, gadgets and mobile news, reviews and discussion site running the Newspaper theme. Founded in 2010, I updated the theme to Newspaper a couple of months ago and am so pleased with the results – hands down the best theme I’ve used. Still got plenty more to do on it but it’s given me a great foundation to get the look and user experience I was after.
Would welcome your feedback on the site and will be sure to take a look at some of yours.
Thanks
That is great Alin, thank you very much 🙂
There is only a slight issue now, this sort of breaks my menu on the mobile view, the image covers my top-bar as it does on Desktop but the menu itself now shows transparent but with no background image. Is this an easy fix Alin?
Many Thanks
FP
