- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
- NewsmagTheme colors introduction
Hi,
Have you managed to fix this?.. as I have just checked your site and found that the menu button looks fine now on mobile screens: http://screencast.com/t/unMrXfQiSHf
You need to use the jetpack plugin for that gallery, here you can read more about how to achieve this: https://forum.tagdiv.com/how-to-make-a-gallery/
Please let me know if your have any other theme related issues.
Thanks
Hi,
What module you use on the desktop version will also be on the mobile version so you can’t use one module on desktop and one on mobile.
Use module 6 if you want to have big images on your mobile version, like this: http://screencast.com/t/1cDq1dIKmNrN or module 5 if you wanna have an excerpt also: http://screencast.com/t/OwXoNHCxCAPS
Thanks
Ever since the update the menu on mobile has a weird “play button” looking Icon and doesn’t work very fluidly. How do I fix that? I read somewhere where I may have a cache plugin, but I am not even sure how to resolve that issue. My site is http://www.modelthrowdown.com
Another quick question I had is how did you get the gallery to look like you did in this preview. Was that using another plugin? http://demo.tagdiv.com/newspaper/seat-and-enjoy-about-this-amazing-theme/
Hi Lucian,
Thanks for the customized CSS. It really helped us to get a good font size and font color in the desktop. The media CSS also works but I need the Module 7 in our mobile version homepage and I am not being able to figure out how to get that big image. What we have is this :
http://www.screencast.com/users/omnipundit/folders/Default/media/6565c2b9-dc3b-44e3-b9c3-458b09917cf6
What we want is this :
http://www.screencast.com/users/omnipundit/folders/Default/media/a450f9e4-0577-4061-946b-dbdbd45ba09e
The styling works but the we need help with the image on the mobile version.
Hi,
You can also add font-size to the previous css, you can see in the screen shot that it’s working, like this: http://screencast.com/t/kTVBraj7
For mobile phones use @media query’s to target the mobile screen width, like this: http://screencast.com/t/BaXmddf6
@media (max-width: 767px){
.home .span8 .td_block6 .td_mod9 .entry-title a {
font-family: Tahoma, Verdana, Geneva, sans-serif !important;
font-size: 10px;
color: red;
}
}
This css will affect only mobile screens, use it to style it as you like.
Thanks
Thanks Lucian. The CSS works but we are still not able to control the font size. In your previous CSS can you include a specific font size? We copied your CSS in the CUSTOM CSS area. Do you want to put it inside any specific page template for more flexibility?
Recently we were working on our mobile display of our website.What we are getting is like this :
http://www.screencast.com/users/omnipundit/folders/Default/media/bde94e22-abc9-43c1-bc3e-91ea6e83f9cb
But we want to change the mobile display to this: http://www.screencast.com/users/omnipundit/folders/Default/media/a450f9e4-0577-4061-946b-dbdbd45ba09e
So any suggestion as how we can change the display?
Thanks,
This is a responsive theme; there is no “non responsive” option as far as I know. It’s designed so that it will better viewed by Google which now “dings” non-responsive/mon-mobile friendly sites, and for compatibility on iphones, tablets, as well as desktop.
You can create a “boxed” layout, simply by putting in a background color or image for the theme. You might try that first and see if it suits your needs?
Hi,
Please use this custom css and add it in theme panel > custom css field: http://screencast.com/t/3mJaEhiTWsra
@media (max-width: 767px){
#td-top-search {
top: 2px;
}
#td-top-mobile-toggle {
display: block;
}
}
Thanks
Hi,
This fixes the small number image problems but it then means that other images I place in the content area get reduced on mobile, when I don’t want them to. Ie advertisements that should fill a mobile screen width (i.e. 320px, get reduced to really small).
I need to use image alignment so the desktop version looks full of content. But it looks like the css fixes just messes with these additional images.
example:
<…http://www.vitalstrengthblog.com.au/webdev/best-shoulder-workout/…>
Thanks
Hi there, I wanted to give something back to the forum. For those who are struggling with the image size in mobiles I found an easy and practice solution. Just go to http://adaptive-images.com and follow their instructions. To sum up, what this hack do is recognize the user resolution and if it is smaller than the image it creates a new image to fit that size. It has a few cons: The image are only created once the user access your site with a smaller resolution. Google PageSpeed Test dont recognize this change, so you will be getting low scores for mobile.
On other subject, I am getting the following problem: Compressing https://platform.twitter.com/widgets.js could save 71.6KiB (69% reduction).
Anyone could solve this? I could find anything on Google.
Thanks in advance!
Hey,
My site is RTL modified, after the update the mobile menu icon moved from the original placement at left. I emptied all cache, still the same. my url – http://www.xmag.co.il
Thank you for the help. I re-installed it. The taboola error was fixed, the mobile menu is still not working. Am I missing a setting somewhere? Thanks
Hey,
After updating to the latest version – the mobile menu button appear on the right side instead of left, how can I change it back?
Thank you,
Tzachi
Hi,
At a closer look I can notice that two lightbox instances are opening when clicking an image.
You can use only the simple lightbox plugin or the light box feature of the theme. Regarding the theme lightbox note that you also need to set the modal view “On” for and image in order to get the lightbox on it and you can do that by editing the image and setting it like this: http://screencast.com/t/0vZXd0rqq
You can read more about displaying image using modal window here: https://forum.tagdiv.com/display-image-using-modal-window/
If you want to disable the modal view on your site and only use the plugin you can do it like this: https://forum.tagdiv.com/topic/dont-want-light-box-for-images/#post-17108
Hope this helps!
Thanks
Hey Lucian,
Thanks for the fix. This worked in both instances, but number 1 issue, still occurs on some posts and not others..
Works fine on mobile:
<…http://www.vitalstrengthblog.com.au/webdev/how-to-get-abs-top-6-ab-exercise-mistakes/.…>
Doesn’t look right on mobile:
<…www.vitalstrengthblog.com.au/webdev/macronutrient-ratios-muscle-building-diet/..>
<…www.vitalstrengthblog.com.au/webdev/3-male-body-types-workout-diet-muscle/..>
<…www.vitalstrengthblog.com.au/webdev/breakfast-smoothie-recipe-apple-cinnamon…>
Plus more…
Thanks 🙂
Hi,
Use the Media Query Snippets from below and style the text as you like on mobile/tablet portrait/tablet landscape and desktop screens:
/* responsive phone */
@media (max-width: 767px) {
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
}
/* responsive monitor */
@media (min-width: 1201px) {
}Thanks
Hi,
Replied here: https://forum.tagdiv.com/topic/big-slide-not-working-after-update-to-4-5/#post-24503
Thanks
Hi,
Okay I tried that and there is no difference. Unfortunately we have no choice but to use the simple lightbox plugin as the that comes with Newspaper thesme doesnt seem to work and always opens the file in a new page even with media file clicked.
WHat are the bext options, we want this working?
Hi,
I have tested and checked your site and did found some issue with post images which when clicked are opened in light box using simple light box plugin but I believe they are not displayed right.
Please deactivate all plugins empty cache and purge files if you use any CDN plugins and check again.
Please let me know if this is still happening.
Thanks
Bump
Hi,
Thanks for letting us know, we also know about this issue and we plan to fix it in next theme updates as we have this on our to-do list and we are working on it.
Thanks for the message!
Hi,
@epictutorials
Yes, we have fixed this so it shouldn’t happen anymore. Please make sure your empty cache and also purge files if you use any CDN plugins as this is delivering the old file version.
Thanks
Firefox generally has many issues. We’re running into various issues with FF on different themes, sites, etc. — everything perfect in every platform, OS, mobile device … *except* Firefox. So, I often suspect that browser as being less than perfect these days. However, I’m sure Lucian or one of the other support techs will be able to give you better answer when they get back in (closed weekends). Likely a simple CSS addition to the custom CSS panel might work.
Thanks for the advice Christopher. I appreciate it. I will do that next time.
Hi, firstly we are enjoying the theme, good work and as always good support. Our current issue is the way it displays on mobile devices. For example on Galaxy S5 and similar devices it looks strange and quite jumpy.
For example, if you click on an image in Android it takes you to a new page and not the media file.
The images don’t appear flushed with content instead they sit on top of each other.
Example URL’s:
http://www.viewpointsandreviews.com/
Thanks
Vince
