[David Morgan]

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

[David Morgan]

Hi Manu,

I apologize for the delay. We have been working on some plugin and theme updates to resolve the site title issue, providing a new option in the Header Block for a mobile font size for the site title.

However, in the meantime, I can provide some CSS to help resolve these issues. Try adding the following CSS to resolve the site title / header overlap issue in mobile:

@media screen and (max-width: 768px) {
  h1.obb-site-title {
    font-size: 2.0rem !important;
  }
  .obb-header .obb-site-identity {
    flex-basis: 75%;
  }
}

And try the following code for the home page Hero Block image in mobile:

@media screen and (max-width: 768px) {
  .obb-hero {
    min-height: 440px !important;
  }
}

Alternatively, you could try the following style for the Hero Block background image in mobile. However, this will scale the image to fit the width of the container, and not the height, which may produce unwanted results:

@media screen and (max-width: 768px) {
  .obb-hero {
    background-size: contain;
  }
}

I hope this helps.

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]

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

[David Morgan]

Hi Eliza,

I apologize for your frustrations. Much of the new user experience is related to the WordPress platform itself — as WordPress is pushing for all themes in the future to be block themes like STAX, and utilize the new full-site editing features. That being said, the user experience is drastically different from the previous method of modifying themes in WordPress. So, I understand how it can be very confusing by comparison.

We do plan to expand upon our documentation for the theme and create some tutorials for using the new WordPress editing features. In the meantime, WordPress has some helpful resources for using the new editor here, https://wordpress.com/support/site-editing/

Also, if there is anything we can directly help with, we’re happy to login to the site and make some changes while providing explanations.

I hope this helps. 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]

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

[David Morgan]

Hi Jeff,

You could try additional speed enhancing solutions like the Smush plugin: https://wordpress.org/plugins/wp-smushit/

And/Or a CDN like Cloudflare: https://www.cloudflare.com/

I hope this helps.

Thanks!

[David Morgan]

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

[David Morgan]

Hi Jeff,

It was a resource loading issue, but not an expected one. The theme is trying to load the “fa-solid-900.woff2” file for Font Awesome icons from within the assets folder of the theme. For some reason, this file may not exist on your server, despite it existing in the theme by default. It’s possible the file was accidentally deleted or didn’t install properly. However, I disabled Font Awesome in your theme by commenting out the function in the functions.php file.

This seemed to resolve the issue, and pages are loading quickly for me in my mobile browser.

Let us know if this resolves the issue on your end as well.

Thanks!

[David Morgan]

Hi Eliza,

We do have some documentation for the theme here, https://organicthemes.com/document/stax-theme/

In order to set your menu, you will need to edit the settings for the Header Block in the theme:

1. Navigate to Appearance > Editor within the admin.
2. Click on the header, and the block options should appear on the right.
3. Within the options, locate the Primary Navigation options, and select your Custom Menu from the dropdown.
4. Save the changes.

I’ve attached a screenshot for reference.

I hope this helps. Essentially, all elements can be edited by clicking on the block within the new WordPress editor.

Let us know if there is anything else.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

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

[David Morgan]

Hi Jeffrey,

Interesting. Can you please provide your clients website address? Also, their WordPress login information within a private reply?

That way we can take a closer look and inspect the page code. My hunch is still that their site is trying to load a resource from our local development server, but I’ll need to inspect their site to determine what resource is trying to load.

Thanks!

[Author]

Posts