- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hi,
– You can add your ad size here: http://screencast.com/t/5NRXdmqhjgAp
– You can use css to hide the sidebar as unfortunately the theme doesn’t have an option for this at this moment.
You can use an custom css like this and hide it on mobile screens.
@media (max-width: 767px) {
.post .td-main-sidebar {
display: none;
}
}
– Unfortunately I can’t help you with that as the theme hasn’t been tested with all plugins. You could try to disable all other plugins you also use and check if this still happens as this could be due to some other plugins also.
Hope this helps!
Thanks
Thanks, its work. I also want to hide block 16 from my mobile view, do you have any code?
Thanks
Hamzah
Hi Few issues could use some help on:
Ad Sizes
– No option for setting Ad box in the header to 970×250, any ideas for a fix on this?
Sidebars
– When we set the sidebars to left aligned, sidebar content appears above normal content on mobile devices, destroying UX, Ultimately we’d like to disable sidebars showing at all on mobile.
Plugin
– We use a plugin called Olevmedia Shortcodes for our accordions, it clashes with the theme. IE the shortcodes appear but you can’t open any of the accordions, any ideas? normally we’d change to another accordion plugin, but we have a lot of content using this already, big job to change.
https://wordpress.org/plugins/olevmedia-shortcodes/
Help much apreciated, Cheers.
David
I think you need to remove the @media queries from the style.css … since this is a “responsive” theme, it’s designed to work on desktop, tablet, and phone. Removing the @media queries would basically stop the other sizes from loading. You’d likely want to then also trim out the menu elements designed for mobile devices from the header file(s).
Not “easy” but you could do it if you wish to “hack” the theme for that.
Is there a way to disable the mobile version of the site?
Thanks.
Hey Support,
So I managed to get the themes footer and sub-footer full width. It looks excellent on desktop, laptop, and mobile.
Unfortunately, I can seem to increase the main homepage content. I’ve been messing around with the CSS and nothing’s working.
I hate how narrow the content is relative to the footers/full-width nav & header. It looks goofy. Too much white space. Some of the most eloquent themes these days are full width, so I was shocked that the theme only allowed that tacky looking “narrow” format.
Anyway you guys could throw some CSS my way so I can expand the main content out a little bit? Make it look a bit fuller so it’s not encased by white space? (I realize this extra space disappears on phones but my tablet/laptop still displays it)
Here’s what I’m talking about:
Thanks!
-Brian
Lucian, really looking forward to this. I checked it on mobile phone, if you make it work, it would be just amazing!
Thank you
Hi can you check my site
i’ve a big problem with speedtest
and in mobile version the logo doesn’t appears.
Can you help me?
This is some of file td-speed-booster.php
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
if ($this->is_ie === false and TD_THEME_NAME == ‘Newspaper’) {
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’); //this is the main style of the theme, it depends on td-bootstrap to load
}
$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘woocommerce_frontend_styles’);
//jetpack lost styles
$this->move_style_to_footer(‘jetpack-subscriptions’);
$this->move_style_to_footer(‘jetpack-widgets’);
$this->move_style_to_footer(‘easy-modal-site’);
$this->move_style_to_footer(‘tm_clicktotweet’);
$this->move_style_to_footer(‘contact-form-7’);
$this->move_style_to_footer(‘optinforms-stylesheet’);
$this->move_style_to_footer(‘rs-plugin-settings’);
$this->move_style_to_footer(‘teeoptimize-plugin-styles’);
$this->move_style_to_footer(‘boxes’);
$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘js_composer_custom_css’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘optimizepress-fancybox’);
$this->move_style_to_footer(‘optimizepress-wp’);
$this->move_style_to_footer(‘optimizepress-default’);
$this->move_style_to_footer(‘flare’);
$this->move_style_to_footer(‘flare-oswald-font’);
/**
* move javascript to footer
*/
$this->move_js_to_footer(‘themepunchtools’);
$this->move_js_to_footer(‘revmin’);
$this->move_js_to_footer(‘teeoptimize-plugin-script’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-noconflict-js’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-placeholder’);
$this->move_js_to_footer(‘optimizepress-fancybox’);
$this->move_js_to_footer(‘admin-bar’);
$this->move_js_to_footer(‘easy-modal-site’);
$this->move_js_to_footer(‘contact-form-7’);
$this->move_js_to_footer(‘jquery’);
$this->move_js_to_footer(‘placeholder’);
$this->move_js_to_footer(‘tp-tools’);
}
Hello, I have a problem with the mobile version of the site.
site : http://www.stylishangels.com/
Image
Thanks for support!
Thank you, Christopher. I thought that it’s something like this. But on mobile my layout looks like this
[———] – but not the full width of the screen
[–] – sidebar
Sidebar is not the same size as a content part. And only left part of the footer.
It think it’s something wrong..
…why is sidebar located after content part on mobile phones?
this is how responsive design works. The grid, such as with Bootstrap, is designed so that “columns” fold under each other to fit the width, vs being off the page or so tiny you can’t see them.
SO in responsive design a layout might look like
for desktop
[———–][—–]
for mobile
[———]
[———]
Some updates:
I changed background picture, made it bigger, but the problem was still the same with logo. The reason was margins in updated css file, they changed for logo depending on resolution, when i switched those margins to 0, the problem disapeared.
I also put social buttons to a separate div.
For now, i still have problem with logo in mobile view. There is just no logo there and header looks weird. It seems these things are related to each other. Can’t find on my own why is that..
And i still have a question about why is sidebar located after content part on mobile phones? Why i can see only left part of footer on mobile phones? Is it how the theme works or something else?
Lucian, which modification do you mean? Social button div container? I added it just in the place where i’m supposed to add code for my adds, but i didn’t changed anything more than this (only in Firebug). Before updating everything was fine and this social button container was here.
Ok, i’ll try to make the leight of background bigger and see if it helps with my logo.
About js errors, thank you, i’ll check them, but i’m pretty sure that it’s not the reason that i have the only half of my header on mobiles for example and i’d like to get some help with this. I use the same plugins i used before, nothing new. I tryed to delete social buttons containers, but it didn’t helped with mobile view unfortunately.
Hello,
Our site uses W3 Total Cache for quite some time. But with the current theme is a concern. The site version PC items appears directly after modificiation. But mobile version of the update does not appear.
What to do?
Thank you for helping hand
If you really want to use WPTouch, there is a way, but you must allow WPTouch to populate the mobile version of your site with custom static content or identify the content/pages from within WPTouch.
Alternatively, you can include functionality from your theme by incorporating them into WPTouch.
The best way is to disable ALL plugins in the WPTouch Admin, and then use WPTouch to serve your content in a specific manner, identified in WPTouch Admin, and not determined by your web theme.
This will give you a fast mobile site, and you can identify page by page which pages should be handled by WPTouch and which should be handled by your desktop theme.
Hope this helps
Ok, got it!
After update i’ve got some problems, could you help me with it?
With header
My logo doesn’t change as it should when i’m changing the resolution (make it higher). As a result it looks like this http://files.webfile.ru/771b531408c16721d80711264313978f
And there is an odd stuff on the right. It seems in this version of the theme i need to make background picrure for header larger, but how many pixels should it be? Will it fix my problem or it’s because of something else?
In another resolution it still looks like this
http://files.webfile.ru/3eb8bb8a7b0717343d3daeab18f1dd95
It seems i found the reason (on the picture), but don’t know how to fix it. When i use .span8 width: 430px; – (originaly it’s 492px) everithing is ok. This width is only for this resolution, if resolution is getting more, this width is getting more too and in other cases it’s ok. I hope you know what i mean. I just hold ctrl button and use wheel on the mouse and see the changes.
About mobile view. Before you gave me some custom code to fix some stuff and it worked (https://forum.tagdiv.com/topic/mobile-view/), but in this version it doesn’t work anymore http://files.webfile.ru/973fcef799a15cf0be8e9e84a8cda0f2
Sidebar is located under content part
http://files.webfile.ru/6b75088f3da928f51fcff1da3e3fbbdd
Some elements in sidebar look like this
http://files.webfile.ru/2581776d4f615cfa1285a424089e8f3f
And i can see only left part of my footer
My mobile menu button doesnt work on my mobile site whenever I try to click on it it doesnt bring up the mobile menu can you please help me with this issue?
Hi,
Please try this custom css to remove the more article box on mobile only:
@media (max-width: 767px) {
.td-more-articles-box{
display:none;}
}
}
Thanks
Hi,
From what I know the adsense ads aren’t “responsive” as you can notice if your shrink your window size the ads don’t resize but if you reload the pages a right banner size is loaded according to screens width so if you access a page from mobile a mobile version of the banner will be loaded.
You can control this sizes for each screen width from theme panel, under each ad unit you have the option to chose the banner size for each device: http://screencast.com/t/8KVqumQan3
Hope this helps!
Thanks
Hi,
You could try to do it via custom css and use media query’s to target the mobile screens and hide the sidebar.
Thanks
Hi,
Using font awesome, you can read more here: https://forum.tagdiv.com/topic/color-of-the-mobile-menu-button/#post-30134
Thanks
Hi,
@Novaque Thanks for your suggestion I will add this on our feature requests list and we will consider it for future updates.
@gmdirect Try to add it in the post template at the top of the loop-single.php file or in the single.php file , like this: http://screencast.com/t/R6Yno1Tyf
To hide it on mobiles use this css:
@media (max-width: 767px) {
.td_block_trending_now {
display: none;
}
}
Thanks
Hi Tagdiv Team,
Is there any solution for hiding sidebar or some module from mobile view. I want to create mobile view more simple and faster.
Thx
Hamzah
Hi,
I have checked your site and haven’t been able to find a reason for the delay on loading the mega menu items and I haven’t found any errors in your console also: http://screencast.com/t/NpJFBILGwtuY
Please try to check this without any other plugins active, empty cache and also purge files if you use any CDN host services and let me know as I believe the images issue from mobiles could also be caused by this.
Unfortunately I can’t recommend you any plugin and also guarantee it will work as we haven’t made tests with plugins of this type.
Please let me know!
Thanks
Hi,
I noticed that on my phone long [pull_quote_center] block would not fit the width of the page.
http://pix.my/eNbR6fmN Please, have a look at the issue
