Search Results for 'mobile menu'

Ok, I have found the solution, the workaround:

By default, right after you created the mobile page (fresh new creation), the footer is not editable in tagDiv composer. You need to first import the template from the desktop page. Then only you can edit the footer (for mobile version).

The steps:

While you are editing the mobile page in tagDiv composer, click the [Manager] or [Website Manager]

then…

[header] > [convert template] > select the template header that is used by the normal page (desktop page)

then…

[footer] > [convert template] > select the template footer that is used by the normal page (footer page)

Then, the header, menu sidebar and footer are all unlocked for editing.

Hope this helps someone who is needed.

Thanks Calin.
The menu tip did the trick.

But the mobile view is still unsolved.
Here are my setting:
https://prnt.sc/wbof65

First of all, my apology for my hard language in above post.

Ok, I have found the solution for this. I’m not sure that I have exactly do the right steps, but somehow the problem is solved.

I shared my findings below:

at the [newspaper] > welcome

click, install and activate the recommended plugins
1. tagDiv Mobile Theme
2. Official AMP for WP

then go to [theme panel] > [mobile theme] > [mobile settings] > USE MOBILE THEME FOR
> select “AMP” > save settings

then go to [wordpress menu bar] > users > select and edit your user
at the “Toolbar” > make sure you select “Show Toolbar when viewing site”
at the “AMP Developer Tools” > make sure to enable “Enable AMP developer tools to surface validation errors when editing posts and viewing the site”

then you can start editing the mobile page.

in this newspaper theme, editing the main page for desktop pc and mobile are 2 different design

the mobile page requires another separate creation and editing.

therefore the “mobile” edition of the “page” is needed to be created.

there are 2 ways (which I know so far) to create and edit the “mobile” version of page.

==============
1st way:
==============
[wordpress bar] > [pages] > find your page (the home page) and select [edit with TD composer]
in short, edit the page with “TD composer”.

now you hav enter the TD composer editor, at the left panel where you can see “Welcome to tagDiv Composer”, at the top, you should be able to see either [create mobile page] or [edit mobile page].

there, you go, click on that button, you’ll start creating mobile version of the page.

==============
2nd way:
==============
while you have already log in, go to the page (in this case, the home page), at the top center toolbar, at the green button [edit with TagDiv composer], at right side, you will see the option to create or select the mobile page version.

for more information on this guide, you may refer to this tutorial guide:
https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/

Yes, I have activated “tagdiv mobile” and selected “amp” in the menu of the mobile plugin.

But is it totally necessary to have “tagdiv mobile” activated for it to work properly amp?

I want it to work with the same aesthetics that the web has, using custom libraries from the cloud.

Hey, this is not something urgent my friend. So I will simply wait for your response when possible.

I wish the whole team a merry Christmas. Thank you very much for the help you give me all year round. Hugs.

every time we use this site we get a hacker here is the link when accessing menu only on mobile, we use a firewall but still comes back
Our site on mobile menu links to this what should i do?
wp-content/endurance-page-cache/cocaine-worth-1-million-hidden-in-bananas/_index.html

Hi! I have done this and it still does not work.

Can you please help?

I created mobile pages, added plugin shortcodes to the pages, created a mobile menu and the pages still do not show up. I can only see the footer and header portions.

@Amit Thanks for your help, but the problem is that the theme is using an old JQuery:

ofenkartoffel-raeucherlachs-dillsauce:4387 Uncaught ReferenceError: tdbMenu is not defined
at HTMLDocument.<anonymous> (ofenkartoffel-raeucherlachs-dillsauce:4387)
at i (jquery.js?ver=1.12.4-wp:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
at Function.ready (jquery.js?ver=1.12.4-wp:2)
at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)

I have now added this code to the function.php (desktop/mobile):

//Modern Jquery

function nwd_modern_jquery() {
global $wp_scripts;
if(is_admin()) return;
$wp_scripts->registered['jquery-core']->src = 'https://code.jquery.com/jquery-3.5.1.min.js';
$wp_scripts->registered['jquery']->deps = ['jquery-core'];
}

and now it works. Unfortunately sometimes there is a little delay. But I’m afraid to download the new jquery directly into the theme like written here:

https://nimblewebdeveloper.com/blog/use-modern-jquery-in-wordpress

Or would that be better?

@Topfgartenwelt
I follow this thread as there is always something to learn about optimizing the theme for speed, just to let you know, when I open your website on my mobile phone (android) neither the menu or search option function.

Hi,
I’ve solved that problem. Thanks for replying. I would request kindly help me out with my below query.
.
.
1. Mobile view footer is in black color which I don’t want. Desktop version is the final edited design and footer. I’ve also edited the WordPress theme in mobile view. Still, I’m unable to see the desktop version footer in mobile view. Please open femmepod.com on mobile and check.
PS: I’ve also disabled Mobile Plugin which came along with the Newspaper X.
.
2. See this video https://d.pr/free/v/UpiyvQ
When you hover over the mega menu, Lightroom text appears below the SHOP MENU. Please help me to remove that.
.
3. See screenshot https://imgur.com/undefined

@Amit What is the name of the themes main Javascript? The plugin wants concrete name for the exclusion. JQuery I already have excluded from Async.

Here’s a picture of my current settings: https://www.topfgartenwelt.com/svg-logo

The problem with the menu only appears in chrome…

Normally I’m using stop bad bots and my hoster has a protection for the website too, but if the plugin is on all testing tools are blocked, so I have deactivated it for trying to get the LCP down.

I have already tried to reduce the font size on mobile but that leads to a much more higher LCP because the featured image comes into the viewpoint. Than the LCP is really worse.

I have a premium managed wordpress hosting. 🙁 I have already asked them why the server has problems but they only told me that I have worse optimized site…

Greetings Kathrin

• This reply was modified 5 years by Topfgartenwelt.

Hi,
I’ve solved that problem. Thanks for replying. I would request kindly help me out with my below query.
.
.
1. Mobile view footer is in black color which I don’t want. Desktop version is the final edited design and footer. I’ve also edited WordPress theme in mobile view. Still, I’m unable to see the desktop version footer in mobile view. Please open femmepod.com on mobile and check.
PS: I’ve also disabled Mobile Plugin which came along with the Newspaper X.
.
2. See this video https://d.pr/free/v/UpiyvQ
When you hover over the mega menu, Lightroom text appears below the SHOP MENU. Please help me to remove that.