Docs

[tberkow123]

I have a section at the bottom of each page that is currently 1/3 x 2/3. In the 1/3 section, I have a form. As you shrink the browser, the form gets more and more narrow (as expected) but it eventually starts cutting off the placeholders within the inputs. I am wondering how I can make ONLY that row respond differently.

The words begin cutting off at 1198px so I am wondering how I can make that section break into 2 columns at 1198px and then 1 column at 800px.

[tberkow123]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media only screen and (min-width: 801px) and (max-width: 1198px) {
.home #x-content-band-4 .x-column {
    width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
.home #x-content-band-4 .x-column {
    width: 100%;
}
}

Hope this helps.

Cheers!

[Author]

Posts