Responsive Gutenberg columns?

  • Hi,

    I have a slight problem with one of the columns on my page.

    On the first page I have column (2) where on the right side is contact form and on the left side there is a small box.

    Problem: on my laptop everything is good (13-inch).But on the bigger screen column is all messed up. I would like that the box on the left and contact form on the right would be on the same level. Right now on bigger screen, the box will stretch.

    Maybe someone might know the issue?
    Thanks:)

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

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    You want the small box to maintain its size regardless of how big the screen is? Try adding this to the customizer’s Additional CSS section:

    @media (min-width: 960px)
#wp-block-themeisle-blocks-advanced-column-55b9b46d {
    flex-basis: 250px;
}

    There’s already a similar rule on the page setting basis to 20%. As long as this rule appears on the page after the other it should take precedence. You may use some other value besides 250 if you prefer.

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Gutenberg columns?’ is closed to new replies.