Search Results for 'mobile'

Results from the Forum
Miriam65
tagDiv Member

Hi,

In the category page I want to display 2 articles in block 14 on desktop and 1 article in mobile, but when I edit the number of posts separately for desktop and mobile in Tag Div Composer, the change applies to both viewports. http://prntscr.com/odlh1o

chucrutehans
Participant
#0

Hi there, i have 2 problems with the sidebar menu:

1) With the regular theme:
The sidebar menu works fine, but the arrows to go into the subcategories are not there anymore like in Newspaper 9.0.1 that I used before. How can I activate them?

2) With the mobile theme:
When I install the mobile theme, the sidebar does not open anymore. I have read already about it that it is probably due to another plugin. I suppose that it is either Autoptimize or Async JavaScript. Do you guys know any settings for those 2 plugins so that the sidebar will open like it does with the regular theme?

Simion C.
tagDiv Staff

Hi,

I will try to help you with these questions.

1. That is not actually an error, the mobile theme will display it’s own version of the website on phones – https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
You can check how it looks here (check with a phone or browser mobile emulator)
https://demo.tagdiv.com/newspaper_local_news/
If the top grid is missing for you, please make sure there are posts in the featured category created by the theme – https://forum.tagdiv.com/featured-posts-2/
The mobile theme is optional, if you want the same content from desktop on mobile, deactivate it.
I should note that in coming updates the mobile theme will receive many more settings, including an option to disable it for specific pages.

2. Those could be removed with some CSS if needed. Do you want them removed for all categories or specific category pages?

Let me know.
Thanks

Simion C.
tagDiv Staff

Hi,

Please read the guide carefully. The mobile version of pages will not be the same as the desktop version. So while the desktop page can be built with the composer, and contain blocks, grids etc. the mobile version is limited to the mobile editor
http://prntscr.com/o8vbaq

If a page contains no content in the mobile editor, on phones it will be empty when the mobile theme is active. Please edit the pages and enter content in the mobile editor, this will appear on phones.

I should note that in coming updates there will be more options added for the mobile theme, like for example the option to disable it for specific pages and many others.

Let us know if you have more questions.
Thanks

VZ
Participant
#0

Hi,

I have already mentioned this in a discussion on Envato – and have purchased further support to deal with these issues – 1 x issue and 1 x request as follows:

ISSUE-1:

On the site: https://searchgo.co mobile version – there is a problem with white space at the top of mobile pages – it doesn’t look good and ruins the experience. At first, Brogdan suspected it was an issue with ads – however, I removed ads and the issue still remains. I have now replaced ads and on the discussion mentioned again. Brogdan believes it is a CSS issue. Can I get this fixed?

REQUEST-2:

I had previously requested adding a modified date to posts and that it appears in the meta description as well so that in turns appears in search engines when I update an old post. There was one response before about changing the templates, but I don’t want to do that as I have already got sized images etc in each post, plus I didn’t understand the response. So, here is what I would like to do and a solution I found which if I use breaks Newspaper but supposedly the correct solution:

  • a. I want to be able to add a snippet that would appear above the body of my post when I edit a post and add content to an older post. This snippet would in effect say:

    ‘Last updated on ​July 1​1​th 2019’. (or whatever date you edited it on).

  • ​b. That it appears in the meta description​
  • c. That it appears on the latest posts as updated – for example on the homepage but with updated as the date.
  • <br>

    I did some research and came across this workaround (However, the problem is when I add the code to my child functions.php it works okay, but, it throws the date and words outside of the body to the left of the template body).

    Here is the code:

    function wpb_last_updated_date( $content ) { $u_time = get_the_time('U'); $u_modified_time = get_the_modified_time('U'); if ($u_modified_time >= $u_time + 86400) { $updated_date = get_the_modified_time('F jS, Y'); $updated_time = get_the_modified_time('h:i a'); $custom_content .= '<p class="last-updated">Last updated on '. $updated_date . ' at '. $updated_time .'</p>'; } $custom_content .= $content; return $custom_content; } add_filter( 'the_content', 'wpb_last_updated_date' );

    Here is where I found the original article that references this code:

    How to Display the Last Updated Date of Your Posts in WordPress

    Thanks

    Vincent

    Simion C.
    tagDiv Staff

    Seems I missed it, sorry about that. I suggest that you try something like this, remove the previous code and enter this one in the mobile theme custom CSS section
    http://prntscr.com/odi5gt
    Then there should be no more search on mobile theme and AMP – http://prntscr.com/odi94x
    http://prntscr.com/odi9a9

    .td-search-icon {
    display: none;
    }

    Let me know.

    Simion C.
    tagDiv Staff

    Hi,

    We are aware of the fact that the mobile theme plugin may not work properly with various caching plugins or implementations. Based on user feedback there might be problems like the mobile theme being displayed on desktop in some cases, caused by caching.

    We recommend the WP super cache with these settings
    https://tagdiv.com/wp-super-cache-plugin-install-and-configure/
    This is tested by us and working fine. Up to this point we haven’t made any testing in the matter.

    Please try if possible to use this caching plugin as it will work fine with the mobile theme.
    If that is not possible, maybe try and enable the mobile caching in the rocket plugin
    https://docs.wp-rocket.me/article/140-wrong-display-mobile-tablet-desktop
    https://docs.wp-rocket.me/article/708-mobile-caching
    But I can’t say if that will work or not unfortunately.

    Thanks

    rabitaco
    tagDiv Member

    Here is the website: https://neatfootball.com/

    I’m specifically talking about how thumbnails appear on these kinds of category pages ON MOBILE: https://neatfootball.com/england/

    Vlad S
    tagDiv Staff

    Hello !

    We are sorry for the inconvenience !

    This is a bug and we are sorry for that. As a quick fix you can use this css code to display those arrow that will show the sub-categories:

    .td-mobile-content .td-icon-menu-right {
    display: inline-block;
    }

    The result will be this: https://www.screencast.com/t/n6bOnmAfi1jg

    And you have to paste the code here: https://www.screencast.com/t/J1Nxw5s5

    I hope this was helpfull !

    Thank you !

    Simion C.
    tagDiv Staff

    Hi,

    There is a quick fix in this topic if you want to try it before the theme update is released – https://forum.tagdiv.com/topic/sign-in-join-not-showing-up-on-mobile-view-not-using-mobile-theme/

    You won’t have to do it again after the update is available, as it will be fixed permanently. Sorry again for the inconvenience. Let us know if you have more questions.

    Thanks

    Simion C.
    tagDiv Staff

    I have added this on our to do list, but I can’t say when we will get to it however.
    I forgot to check on mobile, it is the same issue there. So please enter this code as well

    .td-header-mobile-wrap .tdb_mobile_horiz_menu:nth-child(3),
    .tdb_mobile_horiz_menu .sub-menu {
    z-index: 998!important;
    }

    You can keep these codes in the theme panel for the time being, they won’t cause any problems. Let me know if they work correctly as in my tests – http://prntscr.com/odgr5k
    Sorry for this inconvenience.

    Vlad S
    tagDiv Staff

    Hello !

    In order to increase your page speed I recommend followin the steps here: https://tagdiv.com/how-to-increase-page-loading-speed/ ; Also make sure that your system status is up to date and everything is achieved: https://tagdiv.com/newspaper-theme-requirements/

    In order to have a different and faster look on mobile you should use the Mobile Theme Plugin. Find out more about it here: https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

    Please make sure that you do not have a plugin conflict for the print button. It works perfect on our side. Disable ALL non-theme related plugins and delete your cache. For cache we recommend using WP Super Cache: https://tagdiv.com/wp-super-cache-plugin-install-and-configure/

    Let me know how this works !

    Thank you !

    Vlad S
    tagDiv Staff

    Hello !

    Usually when the mobile version appear on desktop are some problem with cache plugin, browser cache, please clear all cache and try again.
    We recommend using WP Super Cache -> https://forum.tagdiv.com/cache-plugin-install-and-configure/ Make sure if you have followed the steps from this guide if you want to achieve good theme results.

    Thank you !

    uribeduber
    Participant
    #0

    Good evening,

    I acquired the latest version of the periodic theme a couple of days ago, but I have noticed several errors which I will quote below:

    1. The mobile version, only shows a list with the last entries, something very different from the desktop version created. I do not know if I did something wrong, but the truth looks ugly. (VIEW IMAGE)

    2. In the upper part of the categories between the header and the title, some boxes with the other categories appear. That I would like to remove it. (VIEW IMAGE)

    La plantilla esta instalada en la web NotiMillos

    aisakov
    tagDiv Member

    I know how it supposes to be. It just doesn’t show the content in amp/mobile verisons.
    Regular version : https://www.bizopzone.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-10-at-23.53.42.png

    AMP/Mobile version : https://www.bizopzone.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-10-at-23.54.00.png

    altpress
    tagDiv Member

    Hi, I just checked and the mobile ad is not sticky for me.

    See attached: https://imgur.com/a/GnMRAZa

    Prateek
    Participant
    #0

    Hello,
    The developers have created a mobile theme so as to optimize the layout for the small screen devices. Looks superficially great.

    But when we use cloudflare CDN and cache plugins like WP-Rocket, etc, they store the cache of a website and show it to all the users regardless of their screen sizes. This is very embarrassing.
    Here’s what I mean.

    The cache plugins and cloudflare knows no difference between the screen sizes because they do the caching for the domain name or the URL and not the screen sizes. So I can’t really understand the thinking of developers behind creating this plugin. Didn’t they know that people use cache plugins for speed optimization and the cache shows only one layout for all the screens.

    If any of you people can provide a solution, then please. Because I’ve been trying to get out of this turmoil for two days with no results. I want to use amp + mobile theme and I also want to use cache plugin with Cloudflare. But I only want to show the mobile theme + amp to the mobile devices not everyone.

    I hope you have a solution.

    Rodolfo
    Participant
    #0

    I don’t see the sub-menus on my mobile phone … did I forget any options?

    https://www.screencast.com/t/BIE1nhuqv

    Thanks as always
    Rodolfo

    Miriam65
    Participant
    #0

    Hi,

    I would like to have a different layout for my desktop and mobile version and I am editing this with Tag Div Composer. When I edit the mobile viewport, it also applies to the desktop and tablet viewports. Is it possible to customize layouts depending on the viewport?

    Thanks,

    loyolapressweb
    Participant
    #0

    Hi, our website is loading images slowly on mobile devices. We’ve ran the site through google page speed tests and optimized several areas of the site, which has helped a lot, but loading several images on the home page of the site is still the main issue. According to the google page speed test, they recommend changing the images to different formats / compressing the images, but doing so on the images makes the images display poorly. We have a few questions about this issue:

    1) Have you encountered a similar issue to this with this theme and the images before, and if so, what would you recommend we do to increase the site’s page speed for mobile devices?

    2) Is there a way to load a different version of the site for mobile devices? For example, instead of the site’s home page loading 30 stories with images, can the theme detect that it’s a mobile device and only load 5 stories?

    3) Another small issue that we’ve found with this theme, the print button is not working when clicked. On any article page in the social sharing section after the article content, the Print button just moves to the top of the page instead of printing the page.

    Here’s the page speed results:
    https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.ignatianspirituality.com%2F

    Thanks for your help!

    rabitaco
    Participant
    #0

    Hello! Mobile theme is enabled in my theme. When I click on a category and it shows a list of posts, their thumbnails are too small and it shows weird parts of the picture. Is there a way to resize thumbnails in category pages on the mobile theme?

    isagachie
    tagDiv Member

    But the problem of visibility priority remains on the mobile menu… as you can see now on the final address http://www.gogin.eu

    giwalola
    tagDiv Member

    Hi Simion C. Then is so easy, you make me found css that you missing.
    I just add this css code and it worked like a charm.

    .tdb_mobile_horiz_menu.tdb-horiz-menu-singleline {
    overflow-y: scroll !Important;
    }

    • This reply was modified 7 years by giwalola.
    • This reply was modified 7 years by giwalola.
    • This reply was modified 7 years by giwalola.
    Prateek
    Participant
    #0

    Hi, team tagDiv.

    I am using mobile theme plugin with amp. And sometimes, mobile version of the website opens on the desktop. I can’t understand why.
    I am using WP Rocket plugin and Cloudflare CDN. Are there any chances that these two implementations can be the cause? I don’t think so because this is the basic need of a website to use WP Rocket and CDN.

    What do you think?

    Simion C.
    tagDiv Staff

    Hi,

    I see you are using a cloud header template. This means that you can choose what the desktop header version displays and what the mobile version displays.

    In this case I see that the header menu element appears in both desktop and mobile. Please edit the header with the tagDiv composer and select the mobile viewport
    http://prntscr.com/od4fnd
    Now you can edit the mobile version of the cloud header. Remove that header menu if you don’t want it on mobile. Leave it only on desktop – http://prntscr.com/od4gft

    Also be sure to customize the sticky version for both desktop and mobile
    http://prntscr.com/od4hk4
    Activate the sticky mode on desktop or mobile and add elements in them
    http://prntscr.com/od4i7g
    If you do not want a sticky version, remove all elements from sticky mode
    http://prntscr.com/od4isu

    Please let me know if you have more questions.
    Thanks

    Viewing 25 results - 22,601 through 22,625 (of 41,416 total)