[David Morgan]

Hi Diana,

No problem. We’ll be happy to help:

1. Within the Additional CSS section of the Customizer or Editor, add the following style:

@media (min-width: 782px) {
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: -240px !important;
        max-width: 200px;
    }
}

2. I would recommend using the Navigation Block within the Appearance > Editor. You can import menus into the Navigation Block that have been created using the Appearance > Menus. You can learn more about using the block here, https://wordpress.org/documentation/article/navigation-block/

3. Unfortunately, not yet. This is a core WordPress block and functionality, and not controlled by the theme. WordPress intends to add more mobile options to the navigation block in the future. In the meantime, breakpoints need to be forced via CSS, https://stackoverflow.com/questions/74956603/wordpress-navigation-block-how-to-change-mobile-breaking-point

I hope this helps.

Thanks!

[David Morgan]

Hi Diana,

The Organic Blocks plugin should be used with STAX — NOT the Builder Widgets plugin. The Builder Widgets plugin is designed for older PHP based WordPress Themes. Since STAX is a block theme, it’s designed to work with blocks, not widgets. The Organic Blocks plugin retains most the functionality of the Builder Widgets, but using blocks instead of widgets. The exception is the toggle widget. However, you can download this plugin for adding a toggle block, https://wordpress.org/plugins/toggles/

Builder Widgets will override the customizability of the STAX theme, rendering the power of the STAX theme useless. Adding Builder Widgets to STAX is kinda like buying a new electric car and replacing the engine with an old diesel engine. Builder Widgets are still useful for people using older themes, but it’s not a plugin I would recommend for block themes like STAX. I hope this helps clarify the issue.

Thanks!

[David Morgan]

No prob, let’s try a minor adjustment:

.wp-block-navigation__container .wp-block-navigation-item:not(.button) a::after {
    background: red !important;
}

That should do the trick!

[David Morgan]

Thanks for reaching out, and I’m sorry to hear of your issues!

For clarification, the Organic Blocks plugin should be used with STAX, NOT the Builder Widgets plugin. While the Builder Widgets plugin is technically compatible with STAX given a couple prerequisites (you will also need the Classic Editor and Classic Widgets plugins installed), using Builder Widgets with STAX kind of defeats the whole purpose of using the STAX Theme. Since the STAX Theme is a block theme, it’s designed to work with blocks in the latest editor — not widgets.

The Builder Widgets plugin was developed for older PHP based themes that do not utilize the benefits of the new modern WordPress editor. The plugin is still useful for older themes, but it’s unnecessary for STAX. In fact, I wouldn’t recommend Builder Widgets plugin for any block-based theme. The Organic Blocks plugin adds all the functionality of the Builder Widgets plugin, but within the form of blocks instead of widgets. Additionally, the blocks are much more flexible and user friendly when working with a block theme.

I hope this helps clarify things. Let us know if there is anything else.

[David Morgan]

Hi David,

Sure, this can be done by adding the following CSS within the Additional CSS section of the Customizer or Editor:

.wp-block-navigation__container .wp-block-navigation-item:not(.button) a::after {
    background: red;
}

You can adjust color as needed using HEX codes.

Let us know if this works.

Thanks!

[David Morgan]

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

[David Morgan]

Hi Diana,

Thanks for reaching out! I’ll be happy to help:

First, you should just paste that code into an empty paragraph line in your content.

Next, if the block is not appearing, it’s most likely because you need to update the options for the block. That particular block is a query block, meaning it pulls existing posts from a specified category into your content. So, you will need to select an existing category of posts in the block options. Even though the block may not be visible in the editor, it should visible in the list view. See attached screenshot. Select the block in the list view, then select the “pencil” icon for the block in the editor. There, you should be able to select your post category.

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]

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.

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Donna,

You should be able to change the background color for those blocks (and others) by selecting the Featured Content block, and changing the background color option. See attached screenshot for reference.

Note: I recommend using the “List View” in the editor, so you can see all blocks added to your page, and select blocks easier.

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.

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.

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 Daniel,

Sure thing! Navigate to Appearance > Editor, and double click the header to edit the header template part. Select the Group Block for the header (this is easiest using the list view option). Under the “Advanced” tab for the Group Block you should see an “Additional Classes” field. Remove the “position-fixed” class (leaving “header-wrapper”). Then save the changes. That should create a solid white header bar at the top of the site.

I attached a screenshot for reference. I hope this helps.

Thanks!

Attachments:

You must be logged in to view attached files.

[Author]

Posts