Hello
I am having an issue on mobile view where the ‘Related Articles’ and ‘More From Author’ section at the end of each article is overlapping off the page:
Screenshot: https://www.dropbox.com/s/2xt5al2cf88xgb9/IMG_4655.PNG?dl=0
Any idea how I can fix this?
Also, on desktop, the ‘More From Author’ slide out box only appears to be working on the first article (Iceland) – it doesn’t pop out for the others, is there a setting I am missing on those posts? All are set to the same category.
Many thanks!
Hello laurena86,
I have checked your website, and I saw that you had increased the font size for Related Articles and More from Author button. Try to use a bit of CSS code to decrease it for mobile mode because that’s why to appear unproperly.
The code is ->
@media(max-width:767px){.td-related-title .td-related-left, .td-related-title .td-related-right{
font-size: 19px;
}
}
Thanks for your understanding!
Hi Catalin
Thanks for this! Have added that code to custom CSS, but it doesn’t seem to change the font size?
Also any idea on the More From Author Box not showing up on blog posts (except the Iceland one?)
Many thanks!
Lauren
Hello laurena86,
Please try to add the !important tag after the value and check the results. I have tested the code on your website and it seems to work as properly, like this -> http://screencast.com/t/rXD4lXRaWj8
For your second request, please provide more details because I do not exactly understand what you mean, sorry!
Thanks for the message!
Hi Catalin
I have tried this exactly as you did and it just won’t work on the actual site. I have cleared cache and tested on mobile and it is still appearing as overlappingf off the page? Might I be able to send you logins somewhere secure so you could take a look to see if any other code is conflicting?
The More Stories box – this is what I mean: https://www.dropbox.com/s/avngx2v0hc8xmp0/MoreStoriesBox.png?dl=0
This box pops pout from the right hand side when I scroll down on the earliest news story (Iceland Can Change You) – however, the box doesn’t work/appear on the other two blog posts (e.g this one: http://thedarklordspeaks.com/rogue-one-film-looking/), and I can’t figure out why?
The other issue I have is try as I might, I cannot get people’s gravatars in comments on the blog posts to show up (including the author’s). I have the set gravatar correctly on the gravatar site, I have set it to show gravatars in wordpress settings, and I have even installed the WP User Avatar plugin and tried that way, and nothing seems to work! See here for example of commenyts under the blog piece: http://thedarklordspeaks.com/rogue-one-film-looking/
Any help would be greatly appreciated!
Many thanks,
Lauren
Hello laurena86,
I have tested again the code provided you above, regarding on Related Articles and More From Author tab for mobile and it seems to work as properly, as you can see below:
@media(max-width:767px){.td-related-title .td-related-left, .td-related-title .td-related-right{
font-size: 23px!important;
}
}
The result is here -> https://www.screencast.com/t/hjAiLVsEruDZ
Regarding on More Articles Box functionality from Posts, please try to update the theme to the latest version of it and also, if you are using some untested plugins, try to disable all of them and install only the plugins that come bundled with the theme packet and rule out any conflicting plugins. Also, as you can see in our demo preview here -> https://www.screencast.com/t/geLX1k0Er seems to work as properly and therefore,
on your website should function properly if it used correctly.
If the problem is still there, please try to make a new clean install from scratch via FTP and check the result. Clear all your caches, purge CDEN files and check the results.
Thanks for your understanding!
Hi Catalin
I’m afraid I just can’t get that code to work at all. It works if I just put it in chrome’s ‘inspector’ but when I actually insert it in custom CSS in the theme panel it does nothing.
Here’s a screenshot of my code: https://www.dropbox.com/s/o2fwr22t32gtjdz/Screen%20Shot%202017-02-05%20at%2011.39.17.png?dl=0
I have even tried to add the code to get rid of ‘More From Author’ completely – it has worked on desktop view but still appears on mobile.
Please, can i send you logins so that you can have a look? My client is getting really fed up and I can’t seem to resolve this.
Many thanks
Lauren
Hello laurena86,
Please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect it closer your setup page. Provide there the link of this topic so we can easily identify you.
Thanks for your understanding!
