Mobile homepage css error after 3.2.16 update

  • Resolved docmenios

    (@greggrig)


    1 year, 2 months ago

    Dear Kadence team,

    My website’s mobile homepage is like the one you see now by visiting the website, but my problem is that after updating the blocks plugin to the latest version, I see some weird gray spaces on the top and bottom of my page where I have set the main row layout with a background image set to a height of 100vh.

    I used a backup to revert it back to the correct behavior and I didn’t change anything on the particular page. The code and everything is still the same. I assume that the css fix you pushed creates a problem with my site but I don’t know what to do. I include a photo of how the page was after the update below.

    https://imgur.com/a/SR1ogzw

    I hope this is enough information for you. Otherwise let me know so that I can update the blocks plugin and bring the error back for you to see.

    Thank you in advance for your answer and thanks for making an awesome free plugin ??

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Gilbert Hernandez

    (@ghernkadence)

    Hello @greggrig,

    Unfortunately, I must see the source code of the element to help provide CSS. Can you make a test page that shows the behavior? Or, can you update the plugin again so we can see the page? I apologize if this causes inconvenience, but I need to see the problem to provide a solution.

    Thread Starter docmenios

    (@greggrig)

    Hi Gilbert and thank you for your mesage.

    I went ahead and updated the plugin so the mobile version with which I am having a problem is now available to see.

    Thank you in advance for your help ??

    Plugin Support Gilbert Hernandez

    (@ghernkadence)

    Hello @greggrig,

    Thank you for updating the plugin. I can see the problem you’re experiencing. I’ve done some testing on my site, and I have found strange behavior with mobile background images. I am exploring the issue and will report my findings to the developer. In the meantime, can you set the background image to “Cover” and let us know if that solves the problem?

    If that doesn’t work, here is a temporary CSS workaround that may help you.

    .kb-row-layout-wrap.kb-row-layout-id4874_adbee8-5e.aligncenter.kt-row-has-bg.wp-block-kadence-rowlayout {
    background-size: cover;
}
    Thread Starter docmenios

    (@greggrig)

    Hi @ghernkadence,

    Cover indeed solves it (just needs then a small change on the size of the menu but that’s no problem at all).

    Thanks for the information about the strange behavior. I will wait for the next update before i mark it as resolved btw.

    Once again thanks

    • This reply was modified 1 year, 2 months ago by docmenios.
    Thread Starter docmenios

    (@greggrig)

    Hi @ghernkadence (and kadence developers),

    I just updated to 3.2.18 and my problem is now solved.

    Thank you for first testing it and then fixing it ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile homepage css error after 3.2.16 update’ is closed to new replies.