[David Morgan]

Hi Jeff,

Background videos in mobile are “iffy” at best depending on the platform, browser, etc. However, as a general rule, WordPress itself prevents background videos from display on mobile devices.

As a result, we added a “Custom Image” option to the background media options for the Hero Block to act as a fallback image for mobile devices. See attached screenshot. I recommend adding a fallback image, and I generally use a screenshot of the video as my fallback image on personal sites.

I hope this helps.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Jeff,

Thanks for pointing this out. It’s a bug in the STAX theme styles. We’ll push a fix with the next update.

In the meantime, you can add the following style to resolve the issue:

sup {
  vertical-align: super;
}

I hope this helps.

Thanks!

[David Morgan]

Hi Jeff,

No problem! We addressed the issues in your email. 🙂

Thanks!

[David Morgan]

Hi Jeffrey,

No problem. We’ll be happy to help.

1. The STAX theme features menu options for secondary mobile menus. However, it requires creating a new menu within the Appearance > Menus section of the WordPress dashboard. Once, you’ve created your mobile menus, you can apply them to the Header Block within the Appearance > Editor section of the admin by clicking on the Header Block to revel the menu options. I’ve attached a screenshot displaying the options.

The theme does not display drop downs for mobile, primarily because dropdown menus in mobile can be confusing and prevent parent pages from being clickable. As a result, it’s recommended that separate mobile menus are created.

2. Can you provide a link to your site so we can inspect this issue? We can either provide a quick CSS fix, or update the theme and/or Organic Blocks plugin to resolve the issue once we’re able to assess it by viewing your site.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Jeffrey,

When using the Posts Block, you will not need to create a new block on the page every time you create a new blog post. When setting up the Posts Block, you can choose a designated category of posts you wish to display in the block. So, any time you create a new post with the specified category applied, the post will automatically appear in the Posts Block that has been applied to a page.

Additionally, within the Posts Block options, you can specify which order the posts are displayed in (Ascending or Descending). Meaning, you can choose whether all new posts are automatically displayed at the top or bottom. You can also specify how many posts are displayed, among several other options.

Here are so examples of the Posts Block, https://stax.organicthemes.com/blocks/organic-blocks/posts-block/

Also, I attached a screenshot of the Posts Block setup options.

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,

No problem! 😀

Regarding the Hero Block image, there are a couple points to note:

1. The logo and menu bar are fixed positioned. Meaning, they rest on top of the other content on the site, so the menu always remains visible at the top of the page. However, this means that the menu is covering up a portion of the hero block. You can resolve this a couple different ways:

Add the following CSS:

.home .wp-block-obb-hero-block {
  margin-top: 160px;
}

Or, within the editor, you can add a “Spacer” block above the Hero block. Then, set the height of the Spacer block to 160 pixels. This will compensate for the portion of the Hero block that is being covered by the header.

Regarding the Safari issue, I’m not sure why this would be occurring. Your site displays normally for me in Safari on my MacBook Pro and iPhone, as does the theme demo. This sounds like it might be a local caching or firewall issue.

I hope this helps.

Thanks!

[David Morgan]

Hi Jeffrey,

Yes, that’s exactly correct. 🙂

Let us know if it’s working, or is you need any more clarification.

Thanks!

[David Morgan]

No problem, glad you got it worked out! 🙂

[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! We apologize for the difficulty you’re experiencing.

It should be noted, that working with the full-site editor and a block-based theme is a very different approach than modifying a traditional theme. As a result, it takes some time to understand how it all works.

1. For the position of the text in the hero, the text is contained within the “Position Block”, which provides more control over the position of the text. However, it can be a little tricky to get the placement options working just right. As a result, you could “unwrap” the position block, which may give you the results you are looking for. See the “unwrap” screenshot for reference.

2. I added spacing by adding a padding of 36 pixels around the column block that contains the featured pages. You could also achieve a similar result by adding a “Spacer” block between the hero and the columns blocks. See attached “columns-padding” screenshot.

3. The hero image is added as a background image, and when you toggle the parallax option for a background image, it scales the image to size of the entire browser window, so that more of the image is revealed as you scroll down the page. You could try disabling the parallax effect for the image, which I’ve done in your options. See “parallax-options” screenshot.

4. For changing the page title, you will need to edit the “Page” template. Then, edit the typography options for the title on the page template, and save the changes.

Within the full site editor, there are several templates that can be modified. Modifying any one of these templates changes how that “type” of page is displayed. For instance, each WordPress website displays different types of pages for posts, pages, search results, categories, products, etc. When you change the template in the full-site editor, it changes the style for all the corresponding page types.

I went ahead and made some changes to the page title — decreasing the size, adding letter spacing, and making it all caps. You can see how I made the changes in the block options within the provided “page-title” screenshot.

Also, when making any changes to styles or templates, you may need to clear your caches before seeing the results.

I hope this helps!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Jeffrey,

I’ve attached a screen recording. Disregard the distortion on the left side of the video, there is an issue with my screen recorder.

You can see that within the STAX demo, I’m clicking the button to copy a Hero Block. Then, I’m switching tabs to the editor. On the test page in the editor, I’m simply pasting the block onto a new line within the editor. By default, I’m pasting the content into a paragraph block, since that is the default block when starting a new line. However, what block the code is pasted into is mostly irrelevant. The WordPress editor should recognize the block code, and add it into the editor regardless.

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.

[Author]

Posts