- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Even on desktop! Hoping for a fix soon 🙂
Hi there.
I’m being using newspaper theme for a online news site, but my big slider doesn’t work in the mobile theme, look at this image.
My site is: siete24
Everything in my config looks good, as the matter of fact in desktop looks good as well as you can see if you visit my site.
What can I do? Help me.
Hi, folks
I actually reported this back on rev3; but still here in latest rev4 of theme.
Basically on iPad Retina in portrait, with tagdiv speedbooster on, the > arrow graphic used for previous next post doesn’t render and instead all is seen in an empty [] square. Perhaps change that to » for mobile?
Thanks. Always annoying to me since I check my sites on my iPad at night while watching TV, and that “bug” has been there awhile now. Should be simple fix, so just wanted to remind about that.
Hi,
@TheMediumUTM
You could add the css into an @media which will apply this css only for mobiles if this doesn’t look good, or you can style the looks for mobile using the same @media for mobile screen width.
Sould look something like this:
@media (min-width: 768px) {
.td-big-grid-post {
float: right;
}
.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px;
}
}This will not apply for mobile screens.
Thanks
Hi,
Please add this custom css in theme panel > custom css:
@media (max-width: 767px) {
.td-menu-background {
z-index:2;
}
.header-style-3 .td-logo img {
height: 48px;
top: 0px;
position: fixed;
width: 180px;
}
}Modify the height and the width to enlarge the logo on mobile screens.
Should work like this: http://screencast.com/t/fcPUHPX2drG1
Thanks
The version included with the theme update today has newer version.
Version 4.6 SkyWood (25th August 2014)
NEW FEATURES
•Option to disable each video on mobile
•Option to disable Pan Zoom on Mobile
•Option to disable Parallax on Mobile
•Randomized Animation from the Selected Animations available now
•New Offset option for the Scroll Below Function
•New Option to set Slider Min Height – Content will be vertical centered in case content container is smaller then min height of Slider
•New Loop Options for HTML5 Videos: none, loop and stop Slider Timer or Loop till Progress Bar reaches the End
CHANGES
•Alternative First Slide wins now, even if Random Slides is enabled
•Vimeo, YouTube and HTML5 Video can be added now via options on demand instead of preadding iFrames. This will avoid Preloads delays, and slow site loadings
•Using now tp-videolayer class for Videos to identificate Video Layers better
•Class “current-sr-slide-visible” added to the Slide “li” tag which is currently Visible
•Swipe Engine Change
•Swipe Treshold Option Default 75 – The number of pixels that the user must move their finger by before it is considered a swipe.
•Swipe Min Finger Default 1 – Min Finger (touch) used for swipe
•Drag Block Vertical Default false – Scroll Auto below Slider on Vertical Swipe on Slider
BUGFIXES
•YouTube Force Rewind fix
•YouTube Mute in Second Loop fix
•Added backwards compatibility for inline CSS with WordPress versions under 3.7
•Ken Burns Dotted Overlay was not visible
•IE8 Console Group Issue – Slider was not visible in IE8
•Looping Issues if Slides has been manually hanged after Loop Stopped
•Browser Tab Change -> Broken ELements fixed. Option for Slide Change on Blur Tab / Browser also available.
•Navigation Style Preview1- Preview4 Styling issues
•Power2 Error at some Animation
•Mouse Over on Loaded PArallax Slider issue – Slider will always play parallax effect, even if Mouse was already hovering the slider at laod
•IE8 and other Old MObile Devices Fall Back on simple Transitions. CAn be forced now
•HTML5, YouTube and Vimeo Video Playback fixes
This might actually be an improvement! I’ll have to try it out… but what will happen with the way the slider is reorganized on mobile?
P.S. Best headline ever on that cat slide.
I have my logo set up to by style 3 – I need this as I want a full width logo. Is there any way to make it a full width logo on my phone? Or even to come up on the phone as I just get nothing currently (digitalnomadwannabe.com)
Hi,
Glad it works now!
Thanks for the message!
Hi,
Can you please send an URL so I can inspect this? I have tried to recreate this but haven’t found an issue like that, you can check our demo: http://demo.tagdiv.com/newspaper/how-to-make-people-love-you/ resize the window to mobile screen width and notice that the image it’s resized well or you can open it on mobile screen, same result: the image looks good: http://screencast.com/t/EdVmVgIR
This may happen due to some plugin and from CDN plugins especially, please disable all plugins, including CDN if you use any and empty server cache then try uploading the feature image and setting it back then check again.
Hope this helps!
Thanks
Mehedi there are 6 subcategories. “Mobile” is not showing and there are articles in that category too.
and congos dude 😉 Can you please teach me how to increase traffic?
With the upgrade to the new version, using the style 1, you have solved the problem.
Thank you
I sent the information via email.
Hi,
Please make sure you have set the both logos right then check again, if this is still happening please send an e-mail at contact@tagdiv.com with wp-admin user and pass so we can check this, also send an URL to this topic or specify this issues details.
Thanks
Yes, the logo is only displayed in the style 2.
I disabled all the plugins and the logo is not displayed.
The site is: androidpads.com
Hi,
I’m not sure I understand, the logo it’s displayed on your mobile only if you chose header style 2? Please provide more details and also a link to yours site so I can check this, also make sure you add the logo like this, and use other that header style 1, like this: http://screencast.com/t/6TRpQoTi and check if it’s working, I have tested this and works fine.
Using the settings I have sent you in the screen, it looks like this:
*on desktop: http://screencast.com/t/Xv4Iyplj8PwB
*on mobile: http://screencast.com/t/zICHM1O6U
Please also make sure you disable the plugins and try again, it might be due to a plugin.
Hope this helps!
Thanks
The logo is displayed on the mobile version exclusively with the style 2.
Only that eliminates the logo from the desktop version.
I am trying to create a features and specs of mobiles on my website like this one. http://www.gsmarena.com/nokia_lumia_520-5322.php
I need to know what things i need to achieve this. I currently understand this model like.. I have to create a custom post type and template. Then some CSS. But this again doesn’t help me in creating comparison tables. ANy idea?
looks like one main thing for mobile you need to fix is the images
1) set the default compression in your functions.php file per my recommendations in the pagespeed topic (specify 60, since default with WP is 90)
2) regenerate thumbs once you do that to reduce all in size from core starting image you uploaded; but make sure you have backups if needed
3) make sure you use a plugin like smush.it or similar, although changing your default compression might do most of that for you
4) make sure the images you’re uploading to begin with are optimized, per my recommendations in the pagespeed topic — for example for the featured post image you would want to shoot for less than 40kb for the big 745 image, vs 100,300,kb or whatever. Some of mine are under 25kb. Start with quality factor of 25 in Photoshop with 0.2 blur, and see how it looks. Anything with lots of red needs higher to avoid distortion.
Set images to progressive not optimized when saving to web from image application; don’t embed meta data unless you must have copyright info in there for legal reasons.
If you wrangle the many many suggestion image compression issues for your mobile score it will help your rating as mobile is all about speed of stuff loading on page; and if you have 10 photos all twice the size they could be, that is your issue right there for most things! 🙂
Hello guys!
I have a problem with Eliminate render-blocking JavaScript and CSS in above-the-fold content in the mobile version, i read all the topic and try everything but i dont know why its not working,
In the Speed Booster Pack i have enabled Load CSS asynchronously, Minify all CSS styles, Load JS from Google Libraries and Defer parsing of javascript files
Im using TagDiv Speedbooster plugin to and w3 total cache… i dont know what else i can do 🙁
Hi,
I have tested your site more times and worked every time. This may be due to DoubleClick as we are still working on this and we cannot guarantee it’s working well other reason could be due to the fact that Google doesn’t deliver any ad at all sometimes.
Thanks for the message!
Hi,
Please make sure you use other than header style 3 or 6, using the header style 3 or 6 loads the same logo on mobile also.
Hope this helps!
Thanks
Hi there.
I have big problems with the banner ad on mobile.
I use both Google ads and doubleclick, but they don’t load very often on mobile sites.
We use Revive Adserver, and it works flawlessly on other sites. And image served ads also works fine, but in the header ad space its bad on mobile.
Any ideas. Try http://www.rec.dk on a mobile device.
(remember that sometimes it works)
Hi, the mobile version does not display the logo. I have already added the link to the new option. How can I fix the problem?
Waiting for a reply
kind regards
Hey guys,
Just wanted to let you know that I got 96 on desktop and 91 on mobile now 🙂 I am so happy! Thank you Christopher, Shashank and Steven for the tips on the forum 😉
