Search Results for 'mobile theme'

Hi,

So you want to add Facebook comments on mobile when using the mobile theme. The above should work same as before, there were’t any changes made to the mobile theme.

When using the mobile theme it will not matter what post template is used for desktop. There will be one predefined post template used for all the posts
– http://www.screencast.com/t/RkXH3FXXiWJv

To display Facebook comments in the cloud templates would not be possible, these don’t have php files in which you can add the code, like for default post templates.

Hi,

Glad you found a workaround. That new issue would require some modifications to the mobile theme files. You could copy the homepage loop code in the page template file
– https://www.screencast.com/t/M9HjPo2HBl2
– https://www.screencast.com/t/95x0Twob
Then wrap that code in a condition like this to make sure it appears only in the page you want
– https://developer.wordpress.org/reference/functions/is_page/
Next add an additional parameter to make the loop display posts from a specific category you want
– https://www.screencast.com/t/dnoo7WyqkZy
That should display posts from a specified category in that page only.

Thanks

Hi,

If you want to add for all h2, and h1 center align just paste the below css in Newspaper>Theme panel>Custom code>Custom css
h1, h2 {
text-align: center;
}
If you are using mobile theme you need to paste this css in Neaspaper>Theme panel>Mobile Theme> Custom code ” WRITE YOUR OWN CSS HERE ” too, in this way will apply on mobile too.

Also you can fallow our tutorial about Create custom code with the browser’s Inspector or the Live CSS Box

Thank you .

Hi,

If you have the default demo install on theme mobile you’ll see 3 blocks with the last 3 post with the featured category, and latest articles; in order to add content you’ll need to set some content in Mobile editor https://www.screencast.com/t/mkePciuBGLWi ( the mobile theme will not take the content from desktop, you need to set a new one for mobile. )

Thank you for your understanding.

Hi,

Unfortunately there is no option for “unique articles” in theme mobile, there will be display the latest 3 feature posts, you can exclude the feature from latest articles on mobile, if you want to do this please read this topic:
-> https://forum.tagdiv.com/topic/latest-article-mobil-theme/

Thank you for your understanding.

Hi,

1. I believe you are referring to the category tags – http://prntscr.com/likf3f
Those have predefined colors, they could only be changed with CSS, not by a theme setting.

I could try and give you a solution, mention for which elements you want to change the color, which blocks and where. A link to the website/page would be helpful so I can test.

For example something like this would work for all the category tags at once
– https://www.screencast.com/t/kFYKB3RkS

.td-post-category {
background-color: blue;
color: black;
}

2. Maybe something like this – https://www.screencast.com/t/1IPmNEYmVI
The menu will start from the right if you enter this code in Theme panel->Custom CSS

@media (min-width: 767px) {
#td-header-menu .sf-menu li {
float: right;
margin-right: 14px;
}}

3. I could take a look, provide a link to where the grid is in your website and exact details about what you want to do.

4. Seems the theme will override the font weight on mobile, it will set a font-weight of 600, so the one from the theme panel will not apply anymore
– https://www.screencast.com/t/rhlVigkI6Hh
I will add this on our list of issues, I don’t think this is intended to happen. As a quick fix I could give you a code to make sure your desired font weight applies. For example
– https://www.screencast.com/t/t5hkyCyH

.td_block_big_grid_4 .td-small-thumb .entry-title {
font-weight: 100!important;
}

Let me know.

Thanks

Hi,

I believe the Google test tool will simulate how the website will load on a medium tier mobile device, with an average internet connection. Having a mobile theme enabled will significantly improve this result.

Also having an AMP plugin active and serving AMP content through Google search result page will ensure quite fast loading speeds. Our mobile theme and AMP plugin can be active at the same time.

Thanks

Hi,

That is the way the mobile theme is designed. It displays posts from the featured category. Here is where this implementation is made – https://www.screencast.com/t/fsxzBb9s You could probably add a category id like this – https://www.screencast.com/t/JX6JmneOxBK and insert a category id, so it should display featured posts from that category only, and also change the sorting but this is not tested properly and it could provide unexpected results.
Please correct me if I misunderstood what you wanted.

Thanks

Hi,

Please read our guide about the mobile theme https://forum.tagdiv.com/the-mobile-theme/
for example https://www.screencast.com/t/7peZO25qp
What’s included in the Newspaper theme package -> https://forum.tagdiv.com/whats-included/

Thank you.

6. Only if the mobile theme is used will there be a different (so to say) website loaded. If it’s not active exactly the same content is displayed on mobile. Just like viewing the website on desktop and starting to reduce the width of the browser window. The elements will adapt.

Currently the background when set will be loaded at all times. I will however add this on our list and it will be strongly considered. Since the background is not visible on mobile, no point being loaded indeed. A solution will be found.

7. I get the same result with the image you are using, resized to 1920x1080px it is behind the content
– http://prntscr.com/li5sct
At about 2200px it would be right – http://prntscr.com/li5t0j
Can’t say why exactly this is happening. While the content is 1164px it should display differently, quite unusual. Maybe keep using your current work image, it looks fine.

Hi,

At the moment that is not possible. The top grid and bottom latest articles section are coded in the page template directly.
The mobile grid and modules are made specifically for the mobile theme, other composer shortcodes will not work.
Maybe this will change in the future, however currently I am not aware of such plans for the mobile theme. Sorry for the inconvenience.

Thanks

Hi,

Please provide a link were I can inspect the problem.
Or you can use flex block and set different layout in function of device (but you need to deactivate mobile theme)

On desktop: https://www.screencast.com/t/6HKNJjl35i
On mobile: https://www.screencast.com/t/Ik42eacS3DgK

Thank you for your understanding.

Hi,

1/2/4 Regarding the ads issues, shouldn’t be any problems with Adsense ads. As long as your Adsense accounting is fully approved the ads should be served by Google and be visible at all times
– https://support.google.com/adsense/answer/76228?hl=en
– https://support.google.com/adsense/answer/7584263?hl=en&ref_topic=1391540
– https://support.google.com/adsense/answer/9724?hl=en
– https://support.google.com/adsense/troubleshooter/7049023?hl=en

3/5 If no ads are displayed in the website then it could be that Google is not serving them to your website for some reason.

The mobile theme is a highly simplified version of the website, the performance on mobile will be significantly increased when active. When inactive the same content from desktop will be loaded on mobile.
So browsing with a slow internet connection would benefit if the mobile theme plugin is active.
However regardless of using the plugin or not, you should be able to use the mobile menu. Check in browser inspector console and see if there are any errors that could indicate why the menu can’t be used. Maybe it is a conflict with a plugin, code entered in the theme panel or theme files, child theme, or theme modifications.

6. The height of the top menu or the main menu is affected by the line-height setting
– https://www.screencast.com/t/1sszfdZ75T
Change the value of the line height and the overall height will be affected.

7. The theme doesn’t have any zooming settings, should be as the live theme demo for example
– https://demo.tagdiv.com/newspaper/
How does it look for you exactly? I could take a look at this and the mobile menu issue if you could post a link to the website.

Thanks

Hi,

Here you’ll see the background image on mobile
https://www.screencast.com/t/cpNhccyvy
https://www.screencast.com/t/cpNhccyvy
In order to set it mor visible go in Newspaper>Theme panel>Theme color> Mobile menu & Mobile search
https://www.screencast.com/t/vuALxiJo6Ov
Hope this will help you.

Thanks

Hi,

Please provide some more details with the problem you facing.
Please read our documentation about The Mobile Theme -> https://forum.tagdiv.com/the-mobile-theme/

Thank you for your understanding.

Hi,

1. Seems to be a mistake. That setting Catalin mentioned is for the slide element. For the big grid slide category tag these 2 settings have to be enabled
– https://www.screencast.com/t/fc2D0Rd8O6e
The big grid slide is based on big grid 2, they share these category tag settings. Sorry for the misunderstanding.

2. That issue seems to be caused by a demo customization, in the Gadgets demo you have installed. I will add this issue on our list and it will be fixed in the next update. The gadgets demo uses a different grid in the homepage, with some custom design. That design seems to apply to the big grid slide you use. It will be made more specific if possible, so it does not affect other elements.

As a quick fix please enter this code in Theme panel->Custom CSS section
– https://pastebin.com/JHTbvyMk
Result – https://www.screencast.com/t/gJCoOVcYu

5. We are aware of this issue, the thumbnails are indeed distorted. A solution will be found for this as soon as possible. Sorry for the inconvenience.

Maybe a temporary solution would be to make the 2 bottom modules of the grid display like this
– https://www.screencast.com/t/IAJAUQoMUl
If you should consider it, enter this code in Theme panel->Advances CSS in the phones field
– https://pastebin.com/2V3JrCbC

6. The background will be loaded on all devices when set, it is basically the same website but responsive. I have tested your website for a while on a mobile, kept refreshing pages or browsing. I don’t see the background at all on mobile.

7. With a background the width of the theme will be 1164px
– https://www.screencast.com/t/3MQBNqdaxIZ
The dimensions you are using should cover the screen since they have the same width and the background is set to 100% (when using the theme panel setting)
– https://www.screencast.com/t/taYOopLc
You seem to have set the background a different way from what I can see.

Let us know if you have more questions.

Thanks