- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello, I’ve added an image as ad in theme panel->ads->tour header ad:
<div class="td-visible-desktop"><img src=\"https://www.mysite.com/wp-content/uploads/2015/02/image.png\" />
</div>
In this topic I’ve added two “\” in the code because otherwise it shows an image, in my theme panel it’s ok.
I want to hide the image and all the top header ad space on mobile/tablet. With the current code, it doesn’t show the image but it leaves and empty transparent space on the top of the page.
Hi, I went to a post on my site using an iphone. The post takes a long time to load and when it does load I get an error saying “An Error Occurred…Reloading Page”. It does this repeatedly until it stops trying to reload and says “A Problem Repeatedly Occurred”. Here is a link to the post I am viewing: http://goo.gl/Rg10qq
I would appreciate you taking a look at this and giving me any advice.
Thanks!
Hi, I find little bug in theme. In mobile version, I dont see full menu in short pages (contact…)
Look at image
BUG:

Correct:

I try it on mobile (Android, iOS, Windows Phone) and small size of internet browser.
How to fix it please? Thank you.
Hi
1- I need to delete the sub child category from mobile menu.
http://www.wata.cc/up/2015/03/images/w-20075832fd.jpg
2- Make the order of the posts begin from right in mega menu.
http://www.wata.cc/up/2015/03/images/w-c4bd74c797.jpg
3- Make the order of the posts begin from right in categories.
http://www.wata.cc/up/2015/03/images/w-0fbb590b2f.jpg
Hi,
Unfortunately that happens as the block uses a small thumb and on mobiles it gets enlarged (stretched) via css.
If you don’t mind using a larger thumb image for block’s 11 thumbs you could try to change the thumb size for it. Edit the td_config file and change the width and height of the thumb from here: http://screencast.com/t/7uaZn7UEvGC ..then regenerate thumbnails like this: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also consider that changing this thumb sizes will also affect mega menu and module 10 which also use this thumbs.
Hope this helps!
Thanks
Using block 11 on my homepage and I’m really disappointed in how it looks on mobile. It stretched an image thats supposed to be 180×135. It doesn’t look right at all.
This is how it looks: http://awesomescreenshot.com/01b4l4ord4
I’ve just been looking at how they manage at http://aplus.com/ and I notice the used a biggest sized picture and scale it down but now try to fit the whole picture but only the center cropped out to match the size.
Would this be possible? or even use the 218×116 version of the image or something.
thanks
Hi,
1. You have this on mobile screen: http://screencast.com/t/UfJ9Y6qX48
The code from above that you tested is for mobile logo: http://screencast.com/t/8p7ptjkC
I’m not sure what are you trying to do with search icon…if you want to move search icon yo have to use also Marius css code: http://screencast.com/t/LmmlgSGpW
@media (max-width: 767px) {
#td-top-search {
position: absolute!important;
right: 13px!important;
top: 0px!important;
}
.header-search-wrap .dropdown-menu:before {
left: auto!important;
right: 31px!important;
}
.header-search-wrap .dropdown-menu {
right: -14px!important;
left: auto!important;
top: 49px!important;
width: 320px!important;
}
.mobile-logo-wrap img {
width: 170px;
position: absolute;
left: 0;
top: -3px;
margin-left: auto;
margin-right: auto;
}
}
2. This can be done only with css as theme doesn’t have an option for this. You can use @media for landscape – http://stephen.io/mediaqueries/#iPhone and add your css for post images.
Thanks!
Hi!
i tried this one, but the search logo just keeps on the left?
Any suggestion? this code below worked for the logo to the center
@media (max-width: 767px) {
.mobile-logo-wrap img {width:170px;position:absolute;left:0;top:-3px;margin-left:auto;margin-right:auto;}
}
OK my friend 🙂
Thanks a lot Chris
Is there any thing else we can do to make my website faster?
Especially on mobile.
Hi
I have
31 on mobile
45 on desktop
I use
WP Super Cache
WP Smush.it
http://popefrancis-ar.org/
What’s your advice to make it faster?
Hi,
Unfortunately header style 3 (also 6) use the same logo also on mobile view. It was initially created like this but we have this on our list and we will think to another implementation. Sorry for inconvenience!
Thanks!
Hi,
Please try this custom css for mobile screen in Theme Panel > Custom Css: http://screencast.com/t/lq6wTHwdIR
@media (max-width: 767px){
.td-big-grid-post-0 .td-sbig-title-wrap .td-sbig-title {
font-size: 17px;
}
}
Use !important if this is not apply: font-size: 17px !important;
Thanks!
Hi there!
Hi there!
ISSUE
I’m having trouble with the logo for mobile in this site: http://marionegri.com.ar
But when I browse the page through my phone the template shows the header (not mobile) logo but in a tiny version
SITUATION
1 – I’ve defined this image (300 x 100) for LOGO AS DEFAULT: http://marionegri.com.ar/wp-content/uploads/2014/12/cabecera-mario-negri.fw_.png
2 – I’ve defined this image as the mobile logo: http://marionegri.com.ar/wp-content/uploads/2014/11/logomovil.jpg
3 – Menu is set to Style 3
Thanks for you patience
Regards
Gustavo
Hey,
In your ftp navigate to your Newsmag parent theme > Parts > Header
Download logo.php as a backup
Edit logo.php with a text editor.
You’ll see anchor tags in both the //Retina and //Not retina code.
Change href=”<?php echo esc_url(home_url( ‘/’ )); ?>”
to
href=”http://www.newaddress.co.uk”
Change “http://www.newaddress.co.uk” to the URL you wish to link to. Clear any cache plugins you may be using afterwards.
You’ll need to do the same thing with logo-mobile.php
Hi!
I tried to add custom css to theme panel. I added css that was supposed to make the sidebar disappear and the images grow bigger. I moved my website to a new VPS Cloud server and it suddenly stopped working. It used to work on my shared server, but now nothing happens when i open the site on mobile. Any suggestions why nothing happens and how to fix this ??
Thanks for all the answers!
I added this:
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
Hello,
For some reason it seems the title of the post-0 of my big-slide doesn’t display well on mobile (iphone5) at least. Please have a look at: http://www.franchementbien.fr
I’ve tried some custom css but wasn’t able to solve it.
Could you please help?
Thanks a lot in advance!
Best,
Sam
Hello. I have a little problem with website http://www.niejetotak.sk. Menu and search icons appear in the wrong place on mobile. Any idea to fix it? Thank you.
Hi,
Please deactivate all plugins, leave only Visual Composer active, also clear cache and purge your files if you use CDN and check if you still have this issues. Please also make sure that you use the latest theme version(1.6) and you update the plugins that come with the theme files from ../plugins folder.
Let me know how it goes.
7. Please remove logo image for mobile, as you use Blog Style and you have text logo.
Thanks!
Hi,
Newsmag is designed to work on desktop, tablet and mobile, also the megamenu works only on desktop and tablet screens. Even you hide mobile menu, the megamenu will not work properly on mobile view. You will need custom modifications for that, it’s not an easy task we cannot provide custom work at this time as we work on updates/development and support.
Thanks!
Hi,
Unfortunately there is no option to do this only for mobile. Now I understand you use a block with load more pagination for news. All you can do is to set less articles to display when user push load more button: http://screencast.com/t/N26ahtyVDTCG this it will apply also on desktop screen) so on mobile screen after 5 posts will appear load more button and after the user will see sidebar.
Hope this helps!
1. Big grid grey gradient that makes the writting very hard to read..How do I remove?
2. Search button not working.
3. Menu nit working on mobile
4. The next and previous buttons underneath categories on homepage do not work, when clicked it just pops you back to the top of the homepage.
5. Scroll to top button missing?
6. Load more posts at the bottom of homepage also pops you back up to the top of page.
7. On mobile inbetween the menu button and search button you can faintly see newsmag logo
I noticed that the panel for categories have changed slightly with the latest Newsmag theme update. In the category panel, I had the ‘show featured slider’ turned off, but since that option is no longer in the panel, I disabled the ‘category top posts style’. However, the big grid still shows the category featured slider on mobile and tablet devices.
Furthermore, other changes like disabling the category header did not reflect on mobile. How do I fix this?
is there a way to disable the mobile version and only run the desktop version?
See the screenshot 🙂
https://docs.google.com/file/d/0B8LAJd3McHSuQzVGcmFBcjZZMFk/edit
On Mobile : 88
On Desktop : 94
Server Stack :-
Nginx with 4gb of ram and 50 Gigs of SSD
i’m using PHP 5.5 opcode caching for better load time 😉 Comment here if anyone have problem with pageload time issue. 🙂