No search results were found in Documentation!
Claude for the win! – Found it — confirmed directly in the page’s DOM. The cause is a menu link URL collision, not a bug in the “active state” logic itself:
The root issue: Under each of the SPORTS, NEWS, MUSIC, and BUSINESS dropdowns, the “Writers” submenu header is set to link to https://barrettmedia.com/ — the homepage — instead of a real anchor page (probably because there’s no dedicated “Writers” landing page, so whoever built the menu left the URL pointing at home as a placeholder).
WordPress’s nav walker assigns the current-menu-item / current_page_item classes (which drive the “active” styling) by comparing each menu item’s URL to the current page’s URL. Since four separate “Writers” items all share the exact same href as HOME, all of them get flagged current/active whenever you’re on the homepage — alongside HOME itself, which is correctly active.
That’s 5 “active” items per menu instance (HOME + 4x Writers). And because the theme renders the same nav markup three times in the DOM (desktop menu, mobile menu, and what looks like a sticky/duplicate header version — all sharing the menu-fall-2025-main-menu-2 menu), it shows up 15 times total in the page.
The fix: give each “Writers” submenu parent a real destination (an actual writers/authors archive page, or at minimum a distinct # / non-matching anchor) instead of the bare homepage URL. Once those links stop matching https://barrettmedia.com/, WordPress will stop marking them current, and only HOME will show active on the homepage.
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
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/
Hi Simion,
Yes, the extra menu was something we added while testing a few possible external solutions, but it also helped us identify the root cause of the issue.
We just wanted to let you know that the mobile menu is working correctly. The problem is that the website is loading too slowly, so until it finishes loading, it doesn’t allow the menu to open. Once the site has fully loaded, the menu works without any issues.
We are currently in contact with our server support team to find a solution. Thank you for taking the time to check our website.
Regarding the updates, we won’t be performing them this weekend because we’re expecting increased traffic. We’ll be livestreaming a cattle show in Guatemala, so we’d rather avoid making changes during that time. We will most likely handle the updates next week.
Once we determine what is causing the website to break when we update the PHP version, what would you recommend as the best order for the remaining updates? Should we:
-Update the PHP version
-Update the theme
-Install the tagDiv Standard Pack plugin
Please let us know your advice on this, as well as any other suggestions you may have regarding the update process. Thanks in advance!
Hi,
Currently I see some kind of custom mobile menu, or from a plugin, on top of the theme mobile menu -> https://prnt.sc/xr6is1rpWCft That extra mobile menu is displayed over the entire mobile header actually, meaning that I can’t click on the theme mobile menu, the logo, or the search.
If I delete that extra menu using the browser inspector, then the theme mobile menu seems to work correctly -> https://prnt.sc/tTDRcRp4z_Qw It opens correctly. So the only problem I see is that there is an extra menu in the mobile header, making it impossible to interact with the theme header.
About updating, if the website broke after updating the PHP, that can be caused by multiple things. Could be because of a plugin that doesn’t support newer PHP versions, or custom code, or the child theme as I see you use one, or an inactive extension in the new PHP version, or other causes. I suggest testing on a staging/testing clone of the main website, in order to deal with the issues there first.
From the theme perspective, if you update it just make sure to install this standard pack plugin -> https://prnt.sc/zkjDfLHkzSHy That’s a plugin we added in Newspaper 10. Normally it’s optional, but for older websites it’s required. Older websites are built with the older blocks, grids, templates, etc. and they will not display correctly without that plugin.
Thank you!
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.
Hi,
No problem.
1. That’s possible. The active color for the links in the mobile menu can be set in the theme panel -> https://prnt.sc/JCEFjWULjfqE
2. Are you referring to the socials displayed in the mobile menu? If so, that isn’t possible unfortunately.
If you want to customize the mobile menu more, or in detail, then you could use a popup instead. Like we use on some of the demos -> https://demo.tagdiv.com/newspaper_urban_observer_pro/ On mobile the menu is a popup. A popup can be set to open a page which you can build with the composer. Then you could add the social icons in that page, and change the order of the socials -> https://prnt.sc/YnyOx4ivkzlV While it is more work, sometimes using a popup instead of the regular mobile menu can be useful.
If you want to know more about popups there is a guide here -> https://forum.tagdiv.com/modal-popup/
Thank you!
Hi Simion,
I have two quick questions:
1. In the mobile menu, when a user clicks on a category, can the selected/active category change to a custom color (instead of the default color)? If yes, how can I set a custom active color?
2. How can I arrange the social media icons at the top alphabetically?
Thank you!
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!
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!
I’m using the latest version of Newspaper with Cloud Templates.
I created a custom Cloud Header called **”Header Template – Habersham News.”**
I can edit the desktop version of the header without any issues.
However, when I switch to the **mobile version** inside the Header Template and make changes (for example adding a hamburger menu), the editor says the changes were saved, but when I close the template and reopen it, all of the mobile changes are gone. The desktop changes persist normally.
Because of this, I ended up editing the mobile header directly inside my **Single Post Cloud Template**, where the changes do save correctly. That solved the problem for single posts, but Pages (such as my Obituaries page) still use the global Header Template, so they don’t receive the custom mobile header.
My questions are:
1. Is this expected behavior?
2. Should the mobile version of a Cloud Header Template save independently of the desktop version?
3. Is there a known issue where mobile edits to a Cloud Header Template are not persisted?
4. What is the recommended way to have the same custom mobile header (logo, hamburger menu, search, ad, etc.) appear consistently on both Posts and Pages?
Thanks!
Hello,
We are trying to use the Megamenu feature of the theme, but if we enable it, the mobile menu items appear to be duplicated. Check this screenshot. https://prnt.sc/KEQQeueRWr1i
Hi,
You could just use a popup, instead of a menu that was designed to be used on mobile devices.
For example we use popups on many of our more recent demos, the popups can contain anything and they can open from any side of the page.
Like in this demo -> https://demo.tagdiv.com/newspaper_liberty_case_pro/ That hamburger menu from the header is a popup. The popup is set to open a page from the website, which can be built with the composer and can contain basically anything.
There are many other popup examples if you want me to provide them. My suggestion is to consider using a popup, it’s not difficult to set up -> https://forum.tagdiv.com/modal-popup/ and in my opinion it’s easier than limiting the mobile menu width and making sure it looks good across all devices.
Let me know if I can help with it.
Thank you!
I want to use the mobile menu on my desktop site. However, I’d like to limit the size of the menu that opens so that it doesn’t take up the whole screen. How can I limit the sizing of the mobile menu container?
(If you view my website homepage at adkseorev.com, you will see the mobile menu in the top right corner and the resulting behavior).
Hi,
The website you mentioned doesn’t seem to be loading for me at this time. Maybe you are referring to the other website.
I see a More menu item, it seems to be an actual category https://factcheckedexplanations.com/category/more/
A “More” menu item isn’t normally meant to lead anywhere, it’s used as a placeholder menu item when there isn’t enough space to display all the menu items in a row. The option can be activated in the composer when clicking on the header menu element -> https://prnt.sc/RZ2Q0faxm6gM
On mobile however using the header menu from desktop isn’t usually the best choice. There are these other menu elements that may be better -> https://prnt.sc/9ya8FoPcEuw9 Or even a popup can be used as the menu.
Let me know if you have any questions.
Thank you!
The more button visible on mobile vertical of the website “Everydayexplanations.com”
This more button i want to be clickable, but when you click it it does not bring you to a page dedicated or attached to “more”; instead, it drops down the menu of available items underneath it.
Hi,
We should start with the premise that the theme and it’s plugins have to load files, and each file has a purpose.
Those files are related to the Live CSS option in the admin bar -> https://prnt.sc/Hbv7gmqDGdZJ Only an admin can use the Live CSS option, so the files are only loaded while logged in as an admin. They are not loaded publicly, or for any other user roles.
I don’t recall seeing such an issue before, which means it’s either very specific, or it’s happening only on this website. On my test install for example I have no such errors -> https://prnt.sc/C8yG87yzGOS7
Let’s discuss it more.
If I check your website as a visitor, the mobile menu works fine -> https://prnt.sc/zMcWqAoxw9Gg and the search works fine -> https://prnt.sc/Lwq-DKrIYScY Are these only not working for you when you are logged in as an admin?
Or maybe you solved the problem already.
Thank you!
Hello TagDiv Support,
I’m using the Newspaper theme with td-composer – https://www.total-motorsport.com/
On the frontend, td-composer is loading these files:
ext-language_tools.js
ext-searchbox.js
from this path:
/wp-content/plugins/td-composer/css-live/assets/external/ace/
This causes the following console errors:
Uncaught ReferenceError: define is not defined
Uncaught ReferenceError: ace is not defined
Because of these errors, two things are broken in the header:
The hamburger menu does not open on mobile.
The search function in the header does not work.
I have already tried:
Clearing all caches
Re-saving the header template in Composer
Multiple attempts to remove the Ace scripts (both via PHP and JavaScript)
None of these fixed the issue. The site is otherwise stable.
Could you please investigate why td-composer is loading Ace Editor assets on the public frontend and provide a fix?
Thank you.
Hi the Home is ok as you can see here
https://prnt.sc/zYkVX9sLOWej
The problem is with the article. As you can see from the photo (https://prnt.sc/P0zwBlHw9uoR), I can’t create the mobile version of the article. No menu appears. I would expect to be able to copy the content for the desktop version and then edit it—for example, the position of the widgets—for mobile.
ty
Hi Newspaper/TagDiv support team,
We are running Newspaper theme version 12.7.6 on our WordPress site (https://www.opisantacruz.com.ar) and we are experiencing an issue with the mobile menu not opening when tapping the hamburger icon on mobile devices.
Here are the details:
**Issue:**
The hamburger menu icon is visible in the mobile header but tapping it does nothing — the menu does not open on Safari (iOS) or Chrome (Android/iOS).
**Setup:**
– Theme: Newspaper 12.7.6
– Page builder: TagDiv Composer
– Mobile header configured in TagDiv Composer with the “Mobile menu” block set to “Mobile Theme” menu
– WP Rocket plugin active with “Delay JavaScript execution” enabled
– WP Engine hosting with server-level caching
**What we have tried:**
1. Excluding tagdiv_theme.min.js from WP Rocket’s Delay JavaScript execution — menu still not opening
2. Excluding /td-composer/legacy/Newspaper/js/tagdiv_theme — menu still not opening
3. Excluding tagdiv_npm — menu still not opening
4. Excluding /wp-content/themes/Newspaper and tagdiv-composer — this caused a blank page on article URLs and had to be reverted
5. Clearing all caches (WP Rocket + WP Engine) after each attempt
**Console errors detected (Chrome DevTools):**
– [Violation] 'setInterval' handler took 133ms in tagdiv_theme.min.js?ver=12.7.6:236
– Uncaught SyntaxError: Unexpected token '.' in swg-basic.js:1
– Two 404 errors: /wp-content/cache/min/1/wp-content/plugins/td-composer/css-live/assets/external/ace/snippets/text.js and ace/mode-less.js
**Question:**
Which specific JavaScript file handles the mobile hamburger menu toggle in Newspaper 12.7.6, and what is the correct way to exclude it from WP Rocket’s Delay JavaScript execution without breaking other functionality?
Alternatively, is there a recommended configuration for using Newspaper 12.7.6 with WP Rocket’s Delay JavaScript execution enabled?
Thank you.
I could provide some CSS. But even if they are made to display inline, they won’t all fit on a single line, there are too many menu items -> https://prnt.sc/nd1kRZT8UiNd And some space is required on the left -> https://prnt.sc/rbUJI45weV7b Is that what you want to do? Or perhaps I am completely misunderstanding, sorry if I am.
Another way to do it is to use a mobile horizontal menu, maybe in a new row below the row with the logo -> https://prnt.sc/B-8Fb-8uZsuA This displays a menu horizontally and with a scroll if there are too many menu items to display at once.
Thank you!
My site is indakno.com. In the mobile menu, the page Submit Story does not populate. Also the pages at the bottom dont show up like the rest of the mobile site. I am set to mobile only. Not mobile+AMP.
The Free news demo uses a few popups of the menus. The one on the desktop https://prnt.sc/buTF17MEOTv0 opens this page -> https://prnt.sc/XbRBLbKvoBnJ And the one on mobile https://prnt.sc/wxm7puBVEf31 opens this page -> https://prnt.sc/pzwfUspPxN5x These pages are included with the demo.
From what I see you removed both popups. Would you like to add them back perhaps? They can be added back with the composer -> https://prnt.sc/AcFekTLh2hUy and you can set those two pages for each popup, by ID -> https://prnt.sc/v7KT4tIjSqqJ
Let me know if you need help with it.
Thank you!
Hi,
Instead of using a header menu in the mobile header, you could use the intended mobile menu directly https://prnt.sc/mGVbj30dW1bE
Or, since I see you created a page to display that menu, you could use a popup and set the page in it https://prnt.sc/iyxc5FM6gfDa
For example if you check this demo on mobile, the mobile menu is a popup which opens a page https://demo.tagdiv.com/newspaper_urban_observer_pro/
More about the popup element here -> https://forum.tagdiv.com/modal-popup/
Either of these would be a good solution for a mobile menu. Please give the a try. Let me know if you have questions.
Thank you!
Where can i activate the mobile menu abd change the topics on the menu see attachment
