[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 Manu,

No problem. If you’re using the latest version of the Organic Blocks plugin, you can change the font size within the Header block settings.

Follow these steps:

1. Navigate to Appearance > Editor > Template Parts.
2. Select the “Header” template part and click the “Edit” button.
3. Click on the Header block. The option should appear on the right, but you may need to toggle open the options panel.
4. Locate the “Mobile Primary Navigation” tab, and click on it.
5. Select a menu for you mobile menu (You can choose the same menu as your Primary navigation).
6. Once a menu is selected, the font options will be revealed.

I attached a screenshot for reference.

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

[Author]

Posts