[David Morgan]

Hi Mark,

Where is your website hosted? We pushed an update to fix this mobile menu conflict with the Gutenberg plugin a couple weeks ago.

Can you confirm that you’re using version 1.7.3 of the STAX theme?

Thanks and Merry Christmas!

[David Morgan]

Hey Guys,

This update issue is something we’re looking into. In the meantime you can perform a manual update:

1. Download latest theme version from Organic Themes account
2. Temporarily switch to a different theme in Appearance > Themes
3. Delete old STAX theme in Appearance > Themes
4. Upload and activate newly downloaded version of STAX theme

That’s it. It’s essentially the same series of actions as clicking the “update” button. This will simply replace the theme version, preserving your customizations.

I hope this helps.

Thanks!

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

Hello,

Thanks for reaching out! I haven’t seen this issue before. Where is your site hosted?

Are you able to sync the patterns within the actions menu?

Thanks!

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

Hi Marc,

No problem! Keep us posted.

Just as a followup — the mobile menu navigation uses Javascript. So, if you’re using a performance plugin, and deferring or compressing/minimizing Javascript, it can sometimes disable any features that use Javascript.

Thanks!

[David Morgan]

Ah, I see what you mean.

Try adding the following CSS (replacing previous):

ul li {
    list-style: outside;
    list-style-type: disc;
    margin: 6px 0px 6px 18px;
    padding: 0;
}

This should fix the alignment.

[David Morgan]

Hi Marc,

Thanks for you patience. It takes time to debug issues, resolve them, and push updates. Particularly, when the cause of the issue is outside our theme, as in this case. The Gutenberg plugin is at fault for this issue, which some research will reveal that the plugin is notorious for causing issues (https://wordpress.org/support/plugin/gutenberg/reviews/).

Deactivating the plugin fixes the issue. Noting, the theme does not require the Gutenberg plugin. So if you’re not using its features, I recommend deactivating it.

Regardless, we have pushed an update to the theme this morning that should resolve the issue when the Gutenberg plugin is active.

If you’re hosted on WordPress.com, it may take a day before the update is accepted and pushed. I would recommend clearing your browser cache and trying again to see if the issue is resolved. Where is your site hosted?

When inspecting your site, I found several console errors:

JQMIGRATE: Migrate is installed, version 3.4.1
index.ts:77  GET https://mbmediaministries.net/wp-json/wp/v2/users/me?context=edit&_locale=user 401 (Unauthorized)
pe @ index.ts:77
de @ fetch-all-middleware.ts:88
(anonymous) @ index.ts:168
le @ http-v1.ts:42
(anonymous) @ index.ts:168
Z @ namespace-endpoint.ts:29
(anonymous) @ index.ts:168
ce @ user-locale.ts:26
(anonymous) @ index.ts:168
(anonymous) @ root-url.ts:40
Z @ namespace-endpoint.ts:29
(anonymous) @ root-url.ts:14
(anonymous) @ index.ts:168
r @ nonce.ts:31
(anonymous) @ index.ts:168
ue @ media-upload.ts:35
(anonymous) @ index.ts:168
c @ index.ts:171
c @ index.js:44
Ga @ actions.ts:101
(anonymous) @ index.js:228
(anonymous) @ wp-preferences-js-after:7
(anonymous) @ wp-preferences-js-after:8Understand this error
(index):1 Uncaught (in promise) {code: 'rest_not_logged_in', message: 'You are not currently logged in.', data: {…}}
Promise.then
(anonymous) @ promise-middleware.js:13
(anonymous) @ resolvers-cache-middleware.js:45
(anonymous) @ index.js:228
(anonymous) @ wp-preferences-js-after:7
(anonymous) @ wp-preferences-js-after:8Understand this error
rocket-preload-links-js-after:3  GET https://mbmediaministries.net/about-us/ net::ERR_ABORTED 503 (Service Unavailable)
(anonymous) @ rocket-preload-links-js-after:3
value @ rocket-preload-links-js-after:3
(anonymous) @ rocket-preload-links-js-after:3
setTimeout
value @ rocket-preload-links-js-after:3
value @ rocket-preload-links-js-after:3Understand this error
rocket-preload-links-js-after:3  GET https://mbmediaministries.net/giving/ net::ERR_ABORTED 503 (Service Unavailable)
(anonymous) @ rocket-preload-links-js-after:3
value @ rocket-preload-links-js-after:3
(anonymous) @ rocket-preload-links-js-after:3
setTimeout
value @ rocket-preload-links-js-after:3
value @ rocket-preload-links-js-after:3Understand this error
rocket-preload-links-js-after:3  GET https://mbmediaministries.net/books/ net::ERR_ABORTED 503 (Service Unavailable)
(anonymous) @ rocket-preload-links-js-after:3
value @ rocket-preload-links-js-after:3
(anonymous) @ rocket-preload-links-js-after:3
setTimeout
value @ rocket-preload-links-js-after:3
value @ rocket-preload-links-js-after:3Understand this error

These kinds of console errors are almost always the result of a plugin. I would recommend deactivating plugins until you find the culprit. Perhaps WP Rocket? It should also be noted that caching and performance plugins like WP Rocket can disable Javascript functionality in themes if not careful.

I hope this helps. Thanks!

[David Morgan]

Hi Christine,

See attached screenshot. Is this not correct?

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Marc,

Thanks for reaching out. Can you please provide a link to your site for us to troubleshoot this? We need to reproduce the issue and see console logs in order to debug it, since this issue does not occur in our demos.

Also, what was updated on your site recently? Have any new plugins been added?

Thanks!

[David Morgan]

Hi Marc,

Thanks for reaching out and using STAX! Can you please provide a link to your site so we may inspect this issue further?

Thanks!

[David Morgan]

Hi Dharmesh,

It would be nice if WordPress implemented some mobile style variations for some of their standard blocks, but they have yet to do so. As a result, the only way to currently do this is to target each block using CSS, and use media queries:

For example:

@media screen and (max-width: 1024px) {
  .wp-block-spacer {
    height: 50px !important;
  }
}

@media screen and (max-width: 768px) {
  .wp-block-spacer {
    height: 25px !important;
  }
}

I hope this helps, thanks!

[David Morgan]

Hi Christine,

No problem. Try adding the following style:

.home .wp-block-cover__inner-container .wp-block-group h1,
.home .wp-block-cover__inner-container .wp-block-group h2,
.home .wp-block-cover__inner-container .wp-block-group p {
  text-shadow: 3px 3px 0 #000;
}

Let us know if this works.

Thanks!

[David Morgan]

Hi Christine,

Thanks for reaching out! The rendered version on the frontend of the site is actually the intended display (with the indention). However, you can adjust this to look more like the editor by adding the following custom CSS:

ul li {
    list-style: outside !important;
    list-style-type: disc;
    margin: 6px 0px;
    padding: 0px !important;
}

You can add this style in the Customizer or Site Editor. Let us know if this resolves the list item alignment.

Thanks!

• This reply was modified 3 weeks, 5 days ago by David Morgan.

[Author]

Posts