[David Morgan]

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

[David Morgan]

Hi Manu,

I think this issue is related to the media query size. Adjusting the screen size for the media query should resolve the issue:

@media screen and (max-width: 950px) {
  .obb-hero.obb-featured-img-parallax {
    background-attachment: scroll;
  }
}

Let us know if this works. If not, you may just need to increase the max-width size a bit more.

I hope this helps.

Thanks!

[David Morgan]

Hi Manu,

No problem. 🙂

1. Did you get this issue resolved? The titles are now all visible for me.

2. Try adding the following style:

@media screen and (max-width: 768px) {
  .obb-hero.obb-featured-img-parallax {
    background-attachment: scroll;
  }
}

3. As for the font size, you may just need to adjust the size for the previously provided style:

@media screen and (max-width: 768px) {
  h1.obb-site-title {
    font-size: 1.4rem !important;
  }
}

I hope this helps.

Thanks!

[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!

[Author]

Posts