Search Results for 'mobile'

Hi,

If the sticky bar you are referring to is this row displayed at the bottom on mobile -> https://prnt.sc/1LzN6S1iisda then it is indeed loaded together with the rest of the page. Making a row sticky doesn’t mean that it’s content is loaded with a delay, there’s no option for something like that unfortunately and I can’t provide instructions on how it could be done. The only load delay the theme provides is for mega-menus, popups, footer, which were made by our developers as options in the composer and theme panel.

If maybe that sticky row is needed just for tablet/mobile, you could use a mobile page to stop loading it unnecessarily on desktop -> https://prnt.sc/igZ3qKBfCvvi I see no sticky row on desktop at this time, only on mobile.

The page is already very fast on desktop -> https://prnt.sc/JOg1CSHQz3aK and on mobile -> https://prnt.sc/KGKTTUvDDi5S due to the WP Rocket optimization for CSS and JS. And I see that the automatic lazy rendering is working as well -> https://docs.wp-rocket.me/article/1835-automatic-lazy-rendering The website is very fast.

Thank you!

I’ll need an example of the issue. By default the theme is responsive, meaning the same content from desktop is displayed on mobile. So there’s not need to to anything special.

If you deactivated the mobile theme and there is a problem, please provide an example of the problem or let me know where I can see it on your website, and I will check.

Thank you!

Hi,

The logo can be changed in the composer -> https://forum.tagdiv.com/add-logo-newspaper/

I see you changed it on mobile -> https://prnt.sc/jHYMc8MuNbP8 It can be changed on desktop as well.
Simply edit for example the homepage with the composer -> https://prnt.sc/6EK8SlCc16LT then click on the logo and set your own logo image -> https://prnt.sc/njJIT90Gx2NZ

In case there is a problem, or if you have more questions, let me know.

Thank you!

Hi,

I see you activated the mobile theme plugin. It is very important to know what that plugin does -> https://forum.tagdiv.com/mobile-theme-introduction/

There are a few major changes to the website on mobile, after activating the mobile theme.

One major change is how pages are treated -> https://prnt.sc/S0T1lLDmXQJt Each page will require entering content in a mobile editor, and that’s the content it will display on mobile. So there are 2 versions, the desktop version and the mobile version -> https://prnt.sc/6MvoohUMISim

It is also important to know that the mobile theme plugin is optional. You could simply not use it, and the content from desktop will also be displayed on mobile.

Please let me know if I can help more.

Thank you!

Hi,

That’s a bit unusual if Google serves the AMP version in desktop search results. I tried it as well and it looks good for me.

From the desktop search results page -> https://prnt.sc/cNuGIW_8p7m8 I arrive on the desktop post page -> https://prnt.sc/SaCSgKOerVmn

And from the mobile search results page -> https://prnt.sc/dVuWaCgnjuq2 I arrive on the AMP page -> https://prnt.sc/zn8VdtJKOVXP

I tested about 20 posts from the website like this, all looked good.

The only unusual thing I see, and I wanted to mention it, is having 14 title tags in the post page. There is the usual one in the head -> https://prnt.sc/fpFjo2-lELKr and 13 others, like one below the opening body tag -> https://prnt.sc/RCMLvYBDHVJ6 and the rest seem to be wherever there is an ad -> https://prnt.sc/QU4M8_gRe35w

I don’t think that is normal. As far as I know there should be only one title tag in a page. Or is there a purpose for having them perhaps?

Thank you!

Hi,

That probably means that the logo wasn’t changed in the mobile header. To explain a bit, a header can have up to 4 versions, meaning 4 different logos. There is the default desktop header and the sticky desktop header, and there is the default mobile header and the sticky mobile header. These versions are independent of each other.

There is a guide here -> https://forum.tagdiv.com/add-logo-newspaper/

So using the website manager, if you click on the mobile header -> https://prnt.sc/OYqu-Z-k-24g Then you can customize the logo -> https://prnt.sc/phPAGxHaT-zS

Or click on anything in the page and switch to mobile -> https://prnt.sc/Dj9ABv5q6evC then customize the mobile logo.

Then do the same for the mobile sticky header. Either switch to it from the website manager -> https://prnt.sc/m09kH1UroHel Or simply scroll a bit down while in mobile view.

In case there are any issues let me know.

Thank you!

Hi,

That is very unusual. Even with the browser inspector I’m not seeing the mobile page when I check the desktop page -> https://prnt.sc/I07-OXZNZo-X I can see it if I add a parameter after the URL -> https://prnt.sc/Gna7zUnVf4yu and the page still seems to be cached by super cache. The parameter is however bypassing something if the mobile page is displayed.

The thing is, the super cache plugin has been our recommended caching plugin since the theme was released, mainly because it works correctly when using dedicated mobile content. Of course, now there are many other caching plugins, but most of them have options to create and serve separate caches desktop/mobile.

I can confirm that while using the super cache, the desktop/mobile content of the theme is always served correctly. I have never seen it fail. I saw similar cases like this before, and it always turned out that there were other caching systems active.

If I may ask, what kind of hosting are you using for the website? Are you sure there is no server cache of any kind? I can check as well in their documentation. Let me know.

Thank you!

Hi,

If you are using dedicated mobile content, such as the mobile theme plugin or mobile pages built with the composer, then please make sure that this setting is active -> https://prnt.sc/NKWqk2qeG5yd Or else the desktop/mobile version can get mixed up.

If that setting is active then the problem should be solved, assuming the super cache is the only cache used on the website.

Or is the problem different perhaps?

Thank you!

Please try something like this:

@media (max-width: 767px) {
div.td_block_big_grid_flex_2 .td-big-grid-flex-scroll-holder {
overflow-x: auto!important;
overflow-y: auto!important;
white-space: normal!important;
}

.td_block_big_grid_flex_2 .td-big-grid-flex-scroll-holder {
display: grid!important;
grid-template-columns: repeat(2, 1fr);
gap: 3px;
overflow-x: visible;
white-space: normal;
}
.td_block_big_grid_flex_2 .td-big-grid-flex-scroll-holder .td_module_flex_7 {
width: 100%!important;
flex: none!important;
}}

Then the Big grid flex 2 should look like this on mobile -> https://prnt.sc/BuxRJFJFWpqi
The code can be entered in the Live CSS in the admin bar, or in the theme panel custom CSS section. Maybe also clear the website cache to make sure the code applies.

Please give it a try and let me know if it worked or in case there are any problems with it.

Thank you!

Hi,

That is possible. It could be made with a section, meaning using multiple blocks, which can be arranged as needed on desktop and mobile.

But it could also be done with some CSS. Maybe this will be easier if you just want the grid to look that way.

In Newspaper are you using Big grid flex 2? -> https://prnt.sc/VYV3XQeAAqxP Let me know if that’s the case, and I’ll provide a solution to make it display as you want on mobile.

Thank you!

Hi,

The font for the post content on mobile is 15px from what I see -> https://prnt.sc/aQBaqyiB2JuO On desktop it’s 18px.

The post title on mobile is 45px -> https://prnt.sc/R38xqcs-8HNt On desktop it’s 55px.

This means it’s working fine. There are font sizes set for mobile, which override the desktop font sizes. I don’t see a problem with it so far.

Let me know.

Thank you!

Hi,

While I’m not quite sure what’s happening exactly, I do see a mobile menu and a search inside the content of the homepage, not in the header -> https://prnt.sc/SNrqVyfjCB0K

In the post pages after I refresh the page I also see a mobile menu and search, but still inside the content, not the header, the header is this one -> https://prnt.sc/zhqYSFNarOYn

I believe you added the mobile menu and search inside the content not the header. This can be seen while clicking on the elements in the composer, for example if you click on something you can see the zone it’s in, like this -> https://prnt.sc/BbpWRHinTxxu or like this -> https://prnt.sc/0yslOal_Ohva

And I think you are also using mobile templates perhaps, which complicates things a bit.

I can help fix these things, the fastest way would be send an email at contact@tagdiv.com and provide admin access (user and pass) for the website, so I can check how the header is built and make adjustments where needed.

Thank you!