Menu button on mobile phone not working

Some good soul pls help ?

880 Views
Message 1 of 5
Report
4 REPLIES 4
Square

What site are you having trouble with, @FID?

872 Views
Message 6 of 5
Report

Thanks for Replying.

Site www.fid.moda

I've used one of the weebly templates but managed to change the colors and sizes of fonts.

Help assistant said that'll affect the codes and considered custom templates.

Below are the codes in problem. Thanks

/* Mobile

--------------------------------------------------------------------------------*/

@Media (max-width: 767px) {

  body {

    font-size: 14px;

  }

  .wsite-multicol-col {

    max-width: 100% !important;

    display: block;

    width: auto !important;

    margin: 0 auto 1em !important;

  }

  .container {

    padding: 1.5em;

  }

  .wsite-section {

    height: auto !important;

  }

  /* Banner */

  #banner h2 {

    font-size: 2em;

  }

  #banner p {

    font-size: 1em;

  }

  #banner h2 + p, #banner h2 + div {

    margin-top: 1.5em;

  }

  #banner p + div {

    margin-top: 2em;

  }

  /* Store */

  .wsite-com-sidebar, .wsite-com-content-with-sidebar {

    display: block;

    width: 100%;

    margin: 0 auto;

    padding: 0;

    text-align: center;

  }

  .wsite-com-sidebar {

    margin-bottom: 2em;

  }

  #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column,  #wsite-com-store .wsite-com-category-product-group .wsite-com-column {

    width: 50% !important;

  }

  #wsite-com-product-images, .wsite-com-product-option-groups select {

    width: 100% !important;

  }

  #wsite-com-product-images, #wsite-com-product-images .wsite-com-column {

    float: none !important;

  }

  #wsite-com-product-info {

    margin-left: 0 !important;

    margin-top: 25px;

  }

  #wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button {

    display: block;

    margin: 5px auto 0;

    left: auto;

    top: auto;

  }

  .wsite-com-continue-shopping .caret, #wsite-com-checkout-list, #wsite-com-checkout-summary-list {

    line-height: 2em;

  }

  #wsite-com-checkout-list .wsite-form-input:not(.wsite-coupon-input), #wsite-com-checkout-summary-list .wsite-form-input:not(.wsite-coupon-input) {

    width: 25px;

  }

  #wsite-com-checkout-list .wsite-coupon-input,

  #wsite-com-checkout-summary-list .wsite-coupon-input {

    width: 100px;

  }

  #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image {

    width: 50px !important;

    height: 50px !important;

  }

  .wsite-com-continue-shopping .caret, #wsite-com-checkout-list, #wsite-com-checkout-summary-list {

    font-size: .65em !important;

  }

  #wsite-com-checkout-cart-footer {

    text-align: center !important;

  }

  #wsite-com-checkout-cart-footer form {

    float: none !important;

    margin: 1em auto 0;

  }

  .wsite-com-category-subcategory {

    margin: 0 auto 1em !important;

  }

  /* Stripe Checkout Page

  ---------------------------------------*/

  .wsite-com-checkout-payment-column,

  .wsite-com-checkout-summary-column {

    display: block !important;

    width: auto !important;

    max-width: 100% !important;

    margin: 0 auto 1em !important;

  }

  #wsite-com-checkout-cart-footer {

    text-align: center;

  }

  .wsite-com-continue-shopping {

    display: block;

    margin: 0 auto 5px;

  }

  #wsite-com-checkout-cart-footer form {

    float: none !important;

  }

  .wsite-com-continue-shopping .caret {

    vertical-align: middle;

  }

  #wsite-com-checkout-payment-order {

    margin-left: 0;

  }

  #wsite-com-checkout-payment-order {

    margin-left: 0;

  }

845 Views
Message 6 of 5
Report

Thanks. Have managed to fix with the help of fiverr. Some codes missing with the original weebly template. Thanks Adam

835 Views
Message 6 of 5
Report
Square

Thanks for the update, @FID!

817 Views
Message 6 of 5
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.
grz-custom-initialLetter