Photology mobile version

  • Hi, My problem would be that the content appears nicely in the mobile view, but there is also the same empty white part next to it. Even though I set the mobile view, I don’t know why it appears like this.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support putra1arya

    (@putra1arya)

    Hi @dionizia,
    I think it’s because there is a overflow content of the sections.
    you can fix this by adding additional css to your website. Here is how:
    1. First Go to Appearance > Customize > Additional CSS.
    2. Then add this code to your additional css.

    section.wp-block-gutenverse-section.guten-element.guten-section{
    	overflow: hidden;
    }

    Plugin Support gowinda

    (@gowinda)

    Hi,

    You can hide certain elements on the mobile version of your site to improve responsiveness.

    Some of the elements that are overflowing in mobile view include:

    To hide these elements, use the display options in the editor. Locate the element that overflows on mobile, then select the “Hide on Mobile” option for that element. Here’s a guide to the process (https://imgur.com/a/qOBSgHT).

    Additionally, your gallery is causing layout issues in mobile view, pushing the header image out of place (https://imgur.com/a/8ayVUYD). You can fix this by using the device selector in the editor. For the gallery, hide the current one on mobile and tablet, then create a new gallery that’s hidden on desktop mode.

    This way, you can ensure the best mobile version of your site.

    Thread Starter dionizia

    (@dionizia)

    Thank you

    Thread Starter dionizia

    (@dionizia)

    Unfortunately, this didn’t solve the problem either, but the header nav menu always says that this block is wrong, so it doesn’t even have a preview.
    Can’t find fault in this? How can I fix this?

    Plugin Support gowinda

    (@gowinda)

    Hi,

    can you elaborate on this block is wrong. what do you mean by this?

    also, from what I see, it seems that the overflow issue has been resolved. do you need more help on that matter?

    Thread Starter dionizia

    (@dionizia)

    if I enter the overflow code, the menu takes over. when I try to edit the menu, I see this

    Plugin Support gowinda

    (@gowinda)

    Hi,

    Have you updated both Gutenverse and Gutenverse-Form to the latest version?

    Additionally, can you check for any error messages in the console? In the editor where you see the error, right-click and select Inspect/Inspect Element. Then, navigate to the Console tab and check for any error messages.

    Instead of adding CSS that hides the overflow for every section, you can target specific sections where the overflow needs to be hidden.

    Here’s a video for reference:

    View post on imgur.com

    As I mentioned earlier, you can select the section of the block that’s overflowing and causing the white space issue on the mobile version. You can then set the overflow of just that specific section to hidden.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.