Docs

[brendanduggan11]

Hi there, is there anyway to center the orange button when it is in mobile?

See attachement.

Thank you

[brendanduggan11]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

@media (max-width: 480px){
    form#x-subscribe-form-187 {
        max-width: 100% !important;
    }
    .x-subscribe-form input[type="submit"] {
        font-size: 13px;
    }
}

Hope it helps 🙂

[brendanduggan11]

Didn’t seem to help.

[Rue Nel]

Hello There,

The code should have work. Upon inspection, it turns out that there is an invalid css code that makes the suggested code in our last reply not to take effect. Please check out this screenshot: http://prntscr.com/dyou4m

You should correct the code using this:

/* Remove scroll bar anchor from mobile */
@media (max-width: 979px) and (min-width: 768px){
  .x-slider-scroll-bottom.center {
    display: none;
  }
}

Hope this helps. Please let us know how it goes.

[brendanduggan11]

Didn`t help. For now could you give me the code to reduce the padding between the text “Recieve an info pack through email” and the email submission box and submit button.

Thanks

[Christopher]

Hi there,

Please add this :

div#x_email_form-3 .x-section {
    padding: 0 !Important;
}
input#x_subscribe_form_email {
    margin-bottom: 1px;
}
.x-subscribe-form input[type="submit"] {
    word-wrap: normal;
    white-space: normal;
}

Hope it helps.

[brendanduggan11]

It worked thank you.

[Jade]

You’re welcome.

[Author]

Posts