[Resolved] Content Disappearing with Generatepress theme activated

[Omar]

Hello,
Good morning,

I faced a weird issue with the Generatepress theme, especially after updating to the last version of WordPress.
– 3 of the footer widgets disappear.
– Mobile menu has very large spaces between items, and only 2 remain stuck to the up of the menu.
– shipping method disappears also.

I activate twenty twenty theme and all the missing content was appearing normally there. Also, I tried to deactivate the plugins but the issue still appears. even I delete all the CSS just to make sure that everything is normal but that doesn’t fix it.

I deactivate all the caching plugins.

[Elvin]

Hi there,

– 3 of the footer widgets disappear.

GeneratePress’ Footer widget area works differently with other theme’s Footer widget areas.

If you’re setup your footer widgets prior to activating GeneratePress theme, it won’t work.

WP default widget areas look like this: https://share.getcloudapp.com/BluYElk5

GeneratePress widget areas look like this: https://share.getcloudapp.com/Jru1wr05

As you can see, they’re completely different.

Make sure you’ve inserted the widgets after activating GeneratePress so it’s sure to work.

– Mobile menu has very large spaces between items, and only 2 remain stuck to the up of the menu.

I’m not sure I understand what you mean. I’ve checked your mobile menu (off-canvas) and it doesn’t seem to have the issue you’re having. Can you provide any screenshots?

Here’s what I see on my end: https://share.getcloudapp.com/DOu2GO5W

– shipping method disappears also.

That’s strange. GP shouldn’t control these options as the shipping options are handled by WooCommerce.

Any chance you could provide temporary credentials so we could check?

[Omar]

Hi Elvin,

I set up all the settings through Genertarepress since is start developing the site. So, the widgets are setup using the Generatepress theme. When I check the widgets all is gone except one of them (In the other theme it’s appearing normally. So, I will insert it again there.

Regarding the menu issue, I tried from PC to show the mobile version it looks great. But, and from my mobile, it looks like the attached screenshots (different mobiles, different browsers).

https://www.dropbox.com/sh/a1s9xh729opoqlb/AAB06btd88vBuMWiVTnQ6qYXa?dl=0

[Elvin]

Regarding the menu issue, I tried from PC to show the mobile version it looks great. But, and from my mobile, it looks like the attached screenshots (different mobiles, different browsers).

Can you tell what mobile devices have you checked it on? is it iOS?

I’ve checked it with an android phone and I don’t see this menu issue as shown here: https://share.getcloudapp.com/geu4rX0K

I set up all the settings through Genertarepress since is start developing the site. So, the widgets are setup using the Generatepress theme. When I check the widgets all is gone except one of them (In the other theme it’s appearing normally. So, I will insert it again there.

I’ve also checked your widgets as shown here: https://share.getcloudapp.com/mXu1mOLN

Your footer widgets area only has 2 widgets in it. Twenty Twenty-one has fewer widget areas(only 3 areas by default) and it’s footer widget area’s widgets doesn’t automatically transfer properly to GeneratePress’ footer widgets area when you change activated theme.

You’ll have to do this manually and make sure the widgets go to the proper widget areas you want them to be in.

I’ve noticed that your right sidebar widget area has a lot of widgets in it but your site isn’t using one. Perhaps some of the widgets here were meant to be placed on the footer widget areas? If so, you can transfer their places.

[Omar]

Hello Elvin,
Sorry for taking a long time to reply.

All issues have been solved after your instructions, except the menu issue. Yes, I am using IOS and the issue only appears on IOS. I tried some Android devices, it works fine.

[Tom]

Strange one – I can’t replicate this on my end, even when testing in RTL.

Can you try deactivating your plugins one by one to see if one of them is causing the issue?

[Omar]

Unfortunately, it doesn’t work! after I deactivating all the plugins but the issue keeps appearing.

[Tom]

What about custom CSS/custom functions? I’ve tried messing around in developer tools but I’m not able to find the root cause of the issue.

Do you have any other sites with the same issue?

[Omar]

Hello,

I tried to remove all the CSS codes and filters applied to function.php
The issue still appearing 🙁

would you like to check my staging site?

[Tom]

I’m not sure why it’s happening on your site and not others/my own testing site, but try adding this CSS to fix it:

.menu-item-has-children .dropdown-menu-toggle {
    height: auto;
}

[Omar]

That why I love Generatepress and referred my friends to this theme. You never left us alone.
Ths issue is resolved, thank you very much, Tom.

[Tom]

Awesome, glad it worked for you 🙂

[Author]

Posts