Space left and right of row-block – especially on mobile phones

Hi @wpzugang! Thank you for the detailed report.

I am having trouble reproducing the issue. Could you share the exact HTML you are using for this? You can copy the code using the three-dot menu and clicking on the “Copy all blocks” option as seen below:

Hello Alvaro, thanks for checking. I have problems inserting the code here.

So I copied the code in a txt file and uploaded it to the website. Is this what you are looking for?

https://bluwingmedia.com/wp-content/uploads/2023/04/wp-code.txt

Hi @wpzugang – thanks for sending that through.

Taking a look at the code – it seems that is the HTML/code of the whole template – which unfortunately just references the header instead of including the code from it.

Could you please try editing the ‘Header’ template part and copying the code from that instead?

Hello, with that part I get the notification “Sorry, you are not allowed to upload this file type.”

I uploaded on another website: https://aeropano.net/wordpress-img/header-part.txt

Hi @wpzugang – it looks like your header is wrapped in a non-core block called animate-it-block .

I’d suggest asking in the plugin’s forum for assistance, since the extra space doesn’t appear to be coming from core WordPress blocks. Hopefully they can lend a hand there.

Hi @zoonini, unfortunately it is not so easy because the space was already there before I installed the plugin “Animate it!”.

I just double-checked it and deactivated the plugin but the space is still there on mobile phones, see: https://bluwingmedia.com/wp-content/uploads/2023/04/Screenshot_20230406_203141_Firefox.jpg
So it is not caused by the plugin.

Hi @wpzugang

It appears that the Advanced WordPress Backgrounds plugin is adding some padding to it’s wrapper inside the header.

Can you try adding this custom CSS at ‘Appearance’ > ‘Editor’ > ‘Styles’ > ‘Additional CSS’:

header > .wp-block-nk-awb {
  padding: 0;
}

This should remove the space you are seeing at the left & right edges of the menu.

Hi @uxl,
thank you very much, that really solved to problem ?? Sorry to take up your time for things that were caused by other plugins.

It’s sometimes hard to find the problem with all these plugins. I will leave a note at the plugin page and mark this as resolved.

Now I have a space right of the whole page below the header row. So it looks like the header row is wider than the whole website.
Edit: I could solve the problem by putting the menu row block in a new group block.

And I could solve the problem with AWB padding also by adding “padding 0” inside the plugin. Thank you again ??

• This reply was modified 1 year, 7 months ago by wpzugang.

Hi @wpzugang it’s great that you managed to resolve that and thank you for providing an update on the issue.