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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Alvaro Gómez

    (@mrfoxtalbot)

    2 years, 12 months ago

    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:

    Screen Shot on 2023 04 05 at 10 20 51
    Thread Starter wpzugang

    (@wpzugang)

    2 years, 12 months ago

    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

    Moderator jordesign

    (@jordesign)

    2 years, 12 months ago

    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?

    Thread Starter wpzugang

    (@wpzugang)

    2 years, 12 months ago

    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

    Moderator Kathryn Presner

    (@zoonini)

    2 years, 12 months ago

    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.

    Thread Starter wpzugang

    (@wpzugang)

    2 years, 12 months ago

    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.

    UXL Themes

    (@uxl)

    2 years, 12 months ago

    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.

    Thread Starter wpzugang

    (@wpzugang)

    2 years, 12 months ago

    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.

    Thread Starter wpzugang

    (@wpzugang)

    2 years, 12 months ago

    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.

    Thread Starter wpzugang

    (@wpzugang)

    2 years, 12 months ago

    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 2 years, 12 months ago by wpzugang.
    thelmachido a11n

    (@thelmachido)

    2 years, 11 months ago

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

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Space left and right of row-block – especially on mobile phones’ is closed to new replies.