monetizer banners
  1. The Essential Kit For Affiliate Marketers

    Guaranteed to work, always updated, top quality essentials.
    Easy to work and packed with features that make you more money.
    Coming Soon.
    Dismiss Notice
Dismiss Notice
Welcome to Our Community
Wanting to join the rest of our members? Feel free to sign up today.

Adsbridge Landing Page templates for mobile

Discussion in 'Mobile Marketing' started by Thrawn$, Sep 15, 2015.

  1. Thrawn$

    Thrawn$ Affiliate affiliate

    13
    2
    3
    Hi there,

    I started using the Adsbridge platform lately and noticed that their templates for mobile landing pages are not responsive, they don't display properly on multiple devices.

    Do you have an idea on how to fix that?


    thanks,
     
    jangojack likes this.
  2. monetizer
  3. Nick AdsBridge

    Nick AdsBridge Service Manager Service Manager affiliate

    47
    32
    18
    Greetings, Thrawn$ !

    Thank you for your question.
    To make your landing pages responsive you need to add a responsive.css file to them.
    To add this file switch the editor to CSS tab and press the "Attach file" button.
    All the settings are the following:

    @Media screen and (max-width:900px) {
    /* Default */
    .lp-root {
    max-width: 100% !important;
    width: auto !important;
    text-align: center;
    }
    .lp-block {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    background-size: contain;
    width: auto !important;
    }
    .lp-block-content {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    max-width: 100% !important;
    }
    .lp-image {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    max-width: 100%;
    }
    .lp-text {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .lp-button {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    background-repeat: no-repeat !important;
    margin: 10px auto;
    max-width: 100% !important;
    }
    .lp-box {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .lp-html {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    width: 100% !important;
    }
    .lp-html-container {
    width: 100% !important;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .lp-form {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    width: 100% !important;
    }
    .lp-form-label {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    text-align: left !important;
    display: block !important;
    }
    .lp-form-input, .lp-form-select, .lp-form-textarea {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    }
    /* Additional Classes */
    .hidden {
    display: none !important;
    }
    /* Settings */
    .lp-block {
    padding: 10px !important;
    }
    .lp-image {
    margin: 10px !important;
    }
    .lp-text {
    padding: 0 10px !important;
    margin: 10px 0 !important;
    text-align: center !important;
    }
    .lp-box {
    padding: 10px !important;
    }
    /* Form */
    .lp-form .lp-form-row .lp-form-label {
    width: 100% !important;
    float: none !important;
    margin-bottom: 2px;
    }
    .lp-form .lp-form-row .lp-form-input,
    .lp-form .lp-form-row .lp-form-select,
    .lp-form .lp-form-row .lp-form-textarea,
    .lp-form_label-left .lp-form-option-list {
    width: 100% !important;
    float: none !important;
    text-align: left;
    }
    .lp-form .lp-form-validation-message {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    text-align: left;
    }
    }

    Please, copy these settings and save them as CSS file.


    Feel free to ask if there will be more questions.
     

    Attached Files:

    jangojack likes this.
  4. Thrawn$

    Thrawn$ Affiliate affiliate

    13
    2
    3
    Thank you @Kate but that CSS file just messed up all my landing pages :)
     
  5. Thrawn$

    Thrawn$ Affiliate affiliate

    13
    2
    3
    Ok I figured it out, thanks again @Kate :p
     

Top Resources

MI