Mobile Theme Customization

Hello Tagdiv,
From last 2 years there is no change in mobile theme. there are some features which is present in main theme but not in mobile theme.
1) 2 Column Option in Home, Category or archive page
2) Sticky social share option.(I already did it via css check https://www.discovermh.com/how-did-shivaji-maharaj-look-like/ )
3) Reading indicator
4) Carousel menu option under header like Jnews theme
5) Read Full Article Button on Post. which compact post and shows button after click on button it shows full article.
5) Remove other css from style.css for mobile view
6) Whenever you add bookmark/read later functionality make sure it is added in mobile theme also.

Almost all website have most users from mobile device. so this is very useful features need to implemented in mobile theme.

• This topic was modified 3 years by discovermh.

Mobile theme or mobile theme plugin?

For mobile theme, you have to make your own customisations.

For mobile theme plugin, this is possible with knowledge of coding.

In my opinion, it is better the mobile theme plugin is left as it is. The plugin has huge speed bonus if combined with a cache plugin and cdn (clodufare for me).

And yes, they did add new feature to mobile theme plugin. The hamburger menu now has dropdown menus finally. ?

It’s Mobile Theme Plugin.
We did customization in the mobile theme plugin also but it did not reflect.
Even though we did customization for the normal theme but it did not reflect.
we change code into theme>Newspaper>loop-archive.php

$post_count = 1;
$column_count = 1;

$span = ‘span3’;
$column_break = 4;
$is_404 = false;
if( is_404() ) {
$is_404 = true;
$column_break = 4;
$span = ‘span3’;

$args = array(
‘post_type’=> ‘post’,
‘showposts’ => 6,
‘ignore_sticky_posts’ => true
);
query_posts($args);
}

Still, it shows 2 columns in the post archive and category pages.

For Mobile Theme customization we did changes in
plugins>td-composer>mobile>loop.php

Still it did not reflect yet

Your page speed insights is bad. Have you disabled the plugin?

no…
https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.discovermh.com%2Fshivrai-28%2F&form_factor=mobile

you can check our page speed here…
for the Video Post formate, there is an issue. so we avoid video formate posts.

Now my main issue is with 2 column layout on the mobile theme plugin and 4 column layout on the desktop.
Kindly suggest some code change so that I can achieve 2 and 4-column layout result

For Speed Improvements, we use Wp Rocket and Autoptimize plugin and follow the below articles

https://forum.tagdiv.com/how-to-make-the-site-faster/
https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/

Can you tell me why autoptimize with wp rocket? I am interested because there are some key functions wp rocket does not provide (memecache).

Also, the second guide is mine. ?

wp rocket is used for cache only…
we can use WP Super Cache or WP Fastest Cache but I prefer wp rocket.
Thanks for sharing your guide with us.

If you are familiar with theme customization then just provide me code for the above query so that more articles are visible on the same screen.
currently, only 3 articles are visible in a row and 1 article is on mobile.
after changes, 4 articles on desktop and 2 on mobile will be visible.

For me, your homepage reflects two columns. Did you check it in private browsing?

Open the browser, and go incognito. Switch to responsive and refresh. That will show you live results. Also, if you are using Cloudflare, set it to development mode so the cache is not rendered for the testing period.

I am sorry, I have not toyed with mobile theme plugin codes. I did switch to custom mobile pages after deactivating the plugin, but it was disastrous and caused much damage to the search engine results already.

If you are looking to increase the number of posts on the homepage, this can be done by Theme panel> Mobile theme plugin> Grids.

One last thing, you have so many ads on your site. I will suggest not cluttering them together, almost 4 of them appear together covering 30% of the page. Try to set view limits to them.

Hello, @Bettina
any update?

Hello @Bettina,

we change code into file theme>Newspaper>loop-archive.php

$post_count = 1;
$column_count = 1;

$span = ‘span3’;
$column_break = 4;
$is_404 = false;
if( is_404() ) {
$is_404 = true;
$column_break = 4;
$span = ‘span3’;

$args = array(
‘post_type’=> ‘post’,
‘showposts’ => 6,
‘ignore_sticky_posts’ => true
);
query_posts($args);
}

Still, it shows 2 columns in the post archive and category pages.
ideally it should show 4 columns as we mentioned $span = ‘span3’; & $column_break = 4;

• This reply was modified 3 years by discovermh.
• This reply was modified 3 years by discovermh.