[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 2 months, 3 weeks ago by David Morgan.

[David Morgan]

Hi Oliver,

Thanks for reaching out and using Chrono! Can you provide a screenshot of the Slideshow block settings?

I suspect you need to select the proper product category within the Slideshow block settings. I’ll explain below:

1. When creating products for the slideshow, assign a category to the products like “Slideshow” or “Featured”.
2. When selecting the Slideshow block in the editor, click the “pencil” Edit icon in the block controls.
3. Select the category you assigned to your products
4. Save the settings

Your products should then display in the slideshow.

Let us know if this resolves the issue.

Thanks!

[David Morgan]

Hi Dharmesh,

Yes, this is possible. In the style options for an image block, select the 3 vertical dots next to the “Border & Shadow” section title. You can then select “Shadow” from the list, which adds the option to add and edit a drop shadow for the image. See attached screenshot for reference.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Alexis,

Try adding the following CSS:

.wp-block-navigation .wp-block-navigation-item a[href*="instagram.com"]::before {
  display: none;
}
.wp-block-navigation .wp-block-navigation-item a[href*="instagram.com"] span {
  display: block !important;
}

Let us know if this works.

Thanks!

[David Morgan]

Hi Christine,

Can you provide a link to your site where this issue is occurring? Once we can inspect the issue, we can provide some CSS to resolve it.

Thanks!

[David Morgan]

Hi Alexis,

The theme automatically detects social media menu links and applies the icon. We can force text using CSS. However, can you provide a link to your site so we can provide the exact CSS needed to apply the change.

Thanks!

[David Morgan]

Hi Katie,

How are you making the header fixed? Is it custom CSS?

What page template are you using for those pages without a header?

You will likely need to modify an existing page template, or create a new page template in the Site Editor if you are using custom CSS to apply the fixed header. The new template will need a spacer block at the top to offset the overlap.

For reference, position “fixed” works differently than the position “sticky” solution provided above. Fixed always overlaps, whereas sticky only overlaps after it’s reaching the top position at the top of the page.

Hi Dharmesh,

The alternate logo is located in the Header Pattern as an Image Block. Replacing the image with an alternate color version of your logo will result in the logo color change when scrolling. See attached screenshot.

I hope this helps.

Thanks!

Attachments:

You must be logged in to view attached files.

[Author]

Posts