problems viewing the website on mobile and tablet

  • Hi,

    I contact with you because I have the following problem in my web page sobre-incluya:

    https://incluya.art/sobre-incluya/

    The issue is that the page sobre-incluya construction is:

    Container 1
    – Background
    – Grid
    – Conainer 2
    – Image (doors)
    – Container 3
    – Paragraph

    Spacing left and right of Container 3 is of 500 px because I need that text is located in the space that represents the wall in the photo of background, within the doors.

    Now, here comes the problem, when I try to see this page on mobile or tablet, the text is not visible only the logo.

    I try this structure:

    Container 1
    – Background
    – Grid
    – Conainer 2
    – Image (doors)
    – Paragraph **Container 3 disappear

    In the second structure I can see it correctly in tablet and mobiles, but the problem comes with the text if desktop version, the text is showed from left to right of the container, occupies the entire width of the screen as the margins disappear, because Paragraph doesn′t have an individual container.

    I have the same problem in other pages of this web…

    Please, can you help me?

    Thanks and regards,

    Ana





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

Viewing 1 replies (of 1 total)
  • ying

    (@yingscarlett)

    Hi there,

    You can set different paddings for the GB container block on mobile and tablet.

    However, 500px is way too big for paddings, it will cause issues for sue.

    I understand that you want the text to be in the space between 2 doors, but it’s not possible to be that accurate. If this layout is very important to you, you can give this method a try, but I still think it won’t be perfect. Try to split the image to 2, each image has 1 door, then create a structure like this:

    - container (background color)
      -- Grid
        --- Grid container 1 (25% in width)
          ---- Image (left door, 100% in width)
        --- Grid container 2 (50% in width)
          ---- text
        --- Grid container 3 (25% in width)
          ---- Image (right door, 100% in width)
Viewing 1 replies (of 1 total)
  • The topic ‘problems viewing the website on mobile and tablet’ is closed to new replies.