Site logo

Archived topic

GeneratePress block editor for widgets

4 replies · Started by Matthew on July 26, 2021

Viewing posts 1–5 of 5

Hi

Does GeneratePress work with the new block editor for widgets?

Having a lot of issues with the site on mobile and tablet using the widget block editor.

If you look at the page linked you will see you can scroll to the right on mobile even though there is no content?

Hi Matthew,

If you disable the entire sidebar, does the horizontal scroll still happen?

Hi Ying,

No when there’s no sidebar it’s fine. It’s purely when having a sidebar the issue happens.

I think the issue is coming from this line of CSS which is added by WP, it conflicts with another CSS class:screen-reader-text:

.wp-block-search .wp-block-search__label {
    width: 100%;
}

https://www.screencast.com/t/H9cggMwln

We'll investigate it.

For now, you can try this CSS:

body .wp-block-search .wp-block-search__label {
    width: auto;
}

One more question for you, when you add the search block widget, did you add any custom CSS class to it?

I just tested on my site, it doesn't seem to have the screen-reader-text class by default.

Could you try to disable all other plugins except GP Premium to test before using the CSS I provided in my last reply?

Let me know :)

This archived topic is closed to new replies.