- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
I was looking to get an answer to the same question and the main reasons I have to use the admin bar are:
1. Because of buddypress options that get added to the admin bar. How do we add buddypress fields to the tagdiv login modal?
2. Tagdiv login modal can only launch from the header menu (top bar of tagdiv) – which is not responsive (is not sticky for mobile screens). How can we get the tagdiv login modal to launch from other places in the UI?
Even when I use the buddypress admin bar – it gets hidden behind the tagdiv main menu. Is there a way to make sure that tagdiv menu doesn’t hide the buddypress flyout?
Hi
If you want the same color on the mobile version you can use custom css but notice that you need to change the color of the mobile menu and the search button, because will not be visible.
@media (max-width: 767px){}
.td-header-wrap .td-header-main-menu{
background-color: white !important;
}
}
@media (max-width: 767px){
#td-top-mobile-toggle i{
color: #0A0A0A;
}
}
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
color: #000 !important;
}
Please post your issue on Newspaper forum https://forum.tagdiv.com/forum/newspaper/
Thanks!
Ok Alin, I understood it now. But may I request your support on this to make the site as fast as the demo site?
One of the core reason using Newspaper framework is to boost the speed of our WP news site on desktop and mobile. May I ask for your private support to aid in configuring td-speed booster plugin as explained? We want to use the champions league background image hence we have the background manager plugin installed because the one that came with Newspaper when activate “stretch” makes the bg image blurred. We are yet to install WP Super cache as recommend. I don’t know the reason why you don’t use w3total cache plugin but its ok so far it makes the site faster.
Thanks in anticipation.
Regards
-
This reply was modified 11 years by
barnisayz. Reason: site speed, fast loading
Hi,
As you can see testing this using google’s page sped testing tool these notifications refer to your ads: http://screencast.com/t/3vqfMc1dKwZ
You could follow their instructions on this: https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately
Also testing your site with google mobile friendly testing tool returned a good result: https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Falltopstartups.com%2F
Let me know where to look for detailed informations in this regard.
Thanks
Hi, Andrei.
Yes, I did all that.
http://www.exorbeo.com
As you can see, on desktop the menu is white and on mobile it’s a dark grey. I assumed that was as default. I need to change the mobile menu to a white background or at least it’s center, where the logo is shown.
Thanks.
Hi Team tagDiv,
I just received an email from Google about issues with my blog when users access it on their mobile devices. I use Newsmag version 1.5. I made a few customisations and have not yet upgraded to current version. And of course newsmag is responsive so I haven’t bothered about mobile access theme changes.
Here is what Google said:
Fix mobile usability issues. We’ve found critical mobile usability issues in pages on http://alltopstartups.com/
Errors found:
1. Touch elements too close 372
2. Content not sized to viewport 369
3. Viewport not configured 3
4. Small font size 3
Please advise on what steps i can take to fix the theme’s mobile usability issues.
Thanks.
@sid
you can test one of your post pages here:
https://developers.google.com/structured-data/testing-tool/
you can see all the data being extracted by google from schema.org “markup.”
There are some issues due to a major change to the testing tool and the next theme update will address that.
You have no control over WHAT Google actually shows in SERPS, you can only provide the data they crawl. They may change the elements actually shown and some data is not shown on desktop as Google continues to “think mobile first.”
Hi,
Your logo looks fine blank background like you have on desktop. You can change also the background color for mobile menu using custom css in Theme Panel > Custom Css – http://screencast.com/t/GdbfzhveFH4
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Hope this helps!
Hi
The color system should be the same on both version desktop and mobile. Try to clear all caches, purge cdn files if you’re using, and test the site again. If the problem persist please provide a link so i can inspect it closer.
Thanks!
Hi
The theme doesn’t have an option to display different font size on mobile devices but you can use media queries to do that like in this example.
/* the query for mobile devices */ @media (max-width: 767px){
/* classes for the selected element */ .td-post-template-default header .entry-title{
/* css rule */ font-size: 28px;
}
}
Notice that this example it’s for the post title from post template default. For other elements and post templates classes will be different and you need to inspect the element (hover over, right click >
Inspect element) and target that specific classes that the changes take effect.
Thanks!
Hi,
Unfortunately the top menu was not designed for mobile devices, we try to find a better implementation for sign in/register widgets in a future update. Until then you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/cw4mTt1hSINv
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
.td-header-sp-top-widget {
display: none !important;
}
}
Thanks!
Hi,
You use media queries and set a specific value that it will be applied only on mobile device, check this:
@media (max-width: 768px) {
.mfp-bottom-bar {
bottom: -60px;
}
}
Thanks!
Why is the mobile logo looks grainy. It looks fine on the desktop site. http://www.mypj.com.my
After updating the theme, the menu on mobile went dark grey. This doesn’t work with my logo.
How can I change it to white, as the desktop version? Or maybe keep just the burger menu and search button dark?
Thanks.
Hello,
I’ve made some changes in the sizes of fonts via the theme panel. How can I make the changes do not appear on mobile screens. As I increased the size of the font titles, in the mobile the font is absurdly large.
Thanks,
Flaubi.
Hi there
On mobile devices the top bar disappears.
Any way to keep it as I wanna have the login link there
Thanks
Alin, Thanks for the quick response. A -60px seemed to work for me, I’ll have to experiment with different size images to make sure it’s consistant.
One problem I ran into was on Mobile. When in portrait mode, the caption still covers the image, when in landscape it looks similar to desktop viewing.
Is there css specifically for portrait mobile?
Thanks in advance.
yEs, i see i too.
Sorry for this – i dont know that the iphone had a cache and i dont know how i empty the cache on mobile
now it works thank you
Nothing changes an my iphone
is it why my menu has another name then td-header-sp-top-menu
the name of my menu is :td-demo-top-menu
or have th ei phone a chache?
nothing found reload the site but nothing changes with or without the code
i try to put the code in the css and in the advance css for mobile phone down in the box
please help me
First of all i am very exited about Newsmag theme 🙂 Really exited 🙂
Thank you developers 🙂
Here is my page sample: http://www.mobee.lv
Unfortunately now after first setup my page works in very low speed level:
27 / 100 mobile
35 / 100 desktop
I am not advanced user and i don’t know how to improve my page speed.
Have you any solutions for beginners?
Hi
By default the theme hide the top menu on mobile devices but you can find a way to display it in this topic: https://forum.tagdiv.com/topic/loginlogout-in-mobile/
I am not sure what you mean because the footer menu should be visible on mobile device as you can also see on our demo: http://screencast.com/t/L2gTNRTVhKq
Thanks!
Hello, i just bought this newspaper themes. It’s fantastic. Thanks.
I have 1 problem right now regarding to the video format with feature video. I use link from youtube and the result when we play the movie we will notice about lagging problem, especially when we open from mobile. So right now i switch from video format to standard format and paste the embed youtube code and the result is very good. How to solved this video lagging in video format ?
And a second request how to put title in big grid block ?
Thanks.
Hello,
I cannot find how to make the top menu available on mobile. It is important that it is visible as the top menu has our contact details – and without this there is no way to contact us when viewing on a mobile phone. The main menu has been left to news topics only, which is how we want it.
Also the footer menu is not visible.
Can you please tell me how to make all menus visible.
Thank you.
Hello,
How do I improve my score?
I’m using WP-cache but my score is between 83/84 on the desktop and only 65 in Mobile: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.tudoemtecnologia com% 2F
Thanks.
Hello,
What is the CSS code to remove big grid 7 from category pages on mobile devices?
Thanks,
Arran
