Search Results for 'mobile'

I created a landing page and tried to assign a separate menu to it:
https://www.bocaratontribune.com/beauty-and-wellness-expo/

However, when I change the header to this page, the whole site changes from the default menu to the dedicated menu for this page. I am not sure if it has to be fixed using the Website Manager or if I am using the wrong element.

I also tried to apply the specific menu creating a raw instead of a header box but then the mobile shows the menu items horizontally instead of a hamburger.

Any help will be much appreciated.

Hi,

First of all, thank you for your previous reply regarding Flex Blocks and background images.

I’m trying to optimize my website as much as possible for Google’s Core Web Vitals, especially on mobile, and I’d like to make sure I’m using Newspaper in the best possible way.

My website is:
https://actugeekgaming.com/

My latest PageSpeed report:
https://pagespeed.web.dev/analysis/https-actugeekgaming-com/aomr1s8vst?form_factor=mobile

At the moment my mobile score is around 50–60, and I’d like to improve it significantly while keeping Newspaper if possible.

Here is what I’ve already done:

Removed the homepage video background.
Replaced the hero section with a normal image.
Optimized all featured images.
Enabled WP Super Cache.
Enabled Jetpack CDN.
Upgraded to PHP 8.2.
Removed unnecessary plugins.
Added preload for the LCP image.
Contacted support regarding Flex Blocks using CSS background images.

I understand that Flex Blocks use background images by design, and you’ve suggested creating a custom Module Builder template using an element instead.

Before rebuilding my homepage, I would like to ask a few questions:

1) What are the official Newspaper recommendations for achieving the best possible Mobile PageSpeed score?
2) Which homepage modules or blocks are the most performance-friendly?
Are Flex Blocks still recommended for the first visible section, or would you recommend using a Module Builder layout instead?
3) Are there any Newspaper or TagDiv Composer settings that should be disabled to improve Core Web Vitals?
4) Do you have a performance optimization guide specifically for Newspaper?
5) Do you know of any websites using Newspaper that consistently achieve 85–90+ Mobile PageSpeed scores?
If so, could you share a demo or explain what makes them different?
6) Apart from replacing Flex Blocks, is there anything else inside Newspaper that commonly hurts LCP or overall mobile performance?

My goal isn’t simply to increase the PageSpeed score, but to build a fast, modern news website while continuing to use Newspaper.

Thank you very much for your advice!

Hello,

I’m using Newspaper 12.7.7 with the latest tagDiv Composer.

My homepage scores around 60 on Google PageSpeed Insights (mobile).

Lighthouse identifies the homepage LCP element as:

<span class=”entry-thumb td-thumb-css”
style=”background-image:url(…)”>

The image is rendered as a CSS background instead of an element.

Lighthouse reports:

fetchpriority=high should be applied
render-blocking CSS, especially:
td_legacy_main.css
style.css
tds-front.css

I already tested:

latest Newspaper and tagDiv Composer versions
Jetpack Image Accelerator enabled
cache enabled
manually adding a preload for the LCP image

My questions are:

Is there any supported setting or Flex Block that renders the featured image as a real instead of a CSS background?
Is there an official hook/filter to customize the thumbnail markup?
Is there a recommended way to improve LCP for Newspaper homepages?
Can td_legacy_main.css or other legacy CSS resources be safely disabled on Newspaper 12.7.7?

Website:
https://actugeekgaming.com
PageSpeed test :
https://pagespeed.web.dev/analysis/https-actugeekgaming-com/hodhlqczsz?form_factor=mobile

Thank you!

Hi

I have your theme installed and it works well on the large screen devices but on the mobile, the hamburger menues do not work at all. Please advice.

My site:
https://erik.zalitis.se/

The tagDiv Header Search element generates invalid ARIA markup in both desktop and mobile header instances.

The generated HTML is:

<div class=”tdb-drop-down-search”
aria-labelledby=”td-header-search-button”>

The W3C validator reports:

The aria-labelledby attribute must not be specified on any div element unless the element has an appropriate role.

The search itself works correctly. The issue is specifically the generated markup.

I confirmed the source in:

wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_search.php

The original PHP output was:

$buffy .= ‘<div class=”tdb-drop-down-search” aria-labelledby=”td-header-search-button”>’;

I changed it to:

$buffy .= ‘<div class=”tdb-drop-down-search” role=”search” aria-labelledby=”td-header-search-button”>’;

After clearing caches and revalidating, both validator errors disappeared. Desktop and mobile search continued to function normally.

This confirms that the issue is not caused by search placement, template layout, or custom CSS. It is caused by the Header Search element omitting an appropriate role from the .tdb-drop-down-search container.

Please update the plugin output to include:

role=”search”

on that container, or otherwise revise the ARIA structure so aria-labelledby is used on an element with a valid role.

The error appeared twice because the page contains separate desktop and mobile Header Search elements.

Dear TagDiv Support Team,

I hope you are doing well.
I am using the TagDiv Theme with WooCommerce on my website.
Website: https://grookfit.com
I have noticed a compatibility issue when enabling Razorpay Magic Checkout.
After enabling Magic Checkout:
1.The mobile product page layout becomes distorted.
2.The main product image is resized incorrectly.
3.The product gallery alignment changes.
4.The overall responsive design is affected.
When I disable Magic Checkout, the product page immediately returns to its normal responsive layout.
Additionally, Razorpay’s Buy Now feature does not appear on the product page even though it is enabled in the Magic Checkout settings.
I have attached screenshots showing the product page before and after enabling Magic Checkout.
https://prnt.sc/DxkZdCfZO2LL , https://prnt.sc/cNL45N7MpQju , https://prnt.sc/5p15SGmFamU7
Could you please check whether this is a compatibility issue between the TagDiv theme and Razorpay Magic Checkout, and let me know if there is a recommended fix or CSS/JavaScript compatibility patch?

Thank you for your support.

We stopped updating the theme over a year ago because it requires to update the PHP version from our 7.4 to 8.3. We could update the PHP, but when we did try to update it broke everything. All the pages got messed up and we had to roll back the site. So it either broke the WPbakery page builder or the Tag DIV. We were afraid to update again as it took hours to roll back the site. We are not sure if you started using your own builder or what, but this is a very large site and we did not want to lose everything. Not sure why now the mobile menu will not work – but it does not open. We would like to either find a way to update the site with the existing theme but NOT break everything we have; Or we will have to abandon this theme. Any suggestions? Our site is located at https://brahmanjournal.com/ Maybe we did something wrong when we updated the site. If you can help us we would appreciate it. If we need to pay for a new support I can do that, we have had this theme a long time and would like to keep it if possible.

I need the desktop version of the site to look the same as the mobile version.

Website: https://palegreen-hare-478921.hostingersite.com/

In mobile version, The site looks completely different.

I need your assistance. I look forward to hearing from you. Thank you!

Is it possible to make the entire <row> highlighted in the photo visible only on the desktop version? And conversely, is it possible to set an entire <row> containing ads to be visible only on the mobile version?

my website is on the newspaper theme
I. have this isuue
https://newsinamerica.com/en/about on the desktop does show perfect, but on mobile i can’t view the webpage correct.
Please help me,
best regards
Juan

Hi,

we have Accordion Pro on our site http://www.vpz.hr…the problem is with this site for example…https://www.vpz.hr/zupanijska-uprava/upravni-odjel-za-graditeljstvo-zastitu-okolisa-i-imovinsko-pravne-poslove/

and then tab Oglasna ploča….

on desktop its ok….but on mobile its not…there’s some “custom css” code in front of the actual code that works what I entered in that particular accordion…

that “custom css” code wasnt here before…it just appeared somehow hmm

They said this:

Last wordfence security team alert us to minor security issue for outputting script and style may cause security issue,

we are now using wp_kses function to escape accordion content, which causing strip all style and scripts from 3rd party shortcode,
to solve this issue, third party plugins authors must update their plugin to load style and script to header or footer not via old style via content.

I hope you understand, you may report to plugin author that you are using via accordion plugin content.

WHAT CAN WE DO !??