How could i move the "square option" of "Attributes" at mobile layout?

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

Multi Vendor Marketplace Plugin | WCFM Marketplace › Forums › WCFM – Groups & Staffs › How could i move the "square option" of "Attributes" at mobile layout?

Viewing 6 reply threads
  • Author
    Posts
    • August 26, 2018 at 10:43 am #29772
      MOHO
      Participant

      When the vendor use “Attributes” with their phone, the “square option” position of “Attributes” should move to better place.

      How could i make it?

      Attachments:
      You must be logged in to view attached files.
    • August 28, 2018 at 4:39 pm #29984
      WCFM Forum
      Member

      Hi,

      Some custom CSS added for WCFM dashboard which breaks this display – https://ibb.co/cBrxV9

      Thank You

    • August 31, 2018 at 1:05 am #30275
      MOHO
      Participant

      i find out this css cause mobile layout wrong

      but i forgot it will use order where? and how could fix this bug?

      please help me, thanks.


      @media       only screen and (max-width: 600px) {
      .view table th, .view table td {
      display: block;
      width: 100% !important;
      }
      .wc-order-totals {
      float: left !important;
      width: 100% !important;
      }
      table.wc-order-totals th, table.wc-order-totals td {
      width: 50% !important;
      }
      .add_note {
      float: left !important;
      margin: 36px auto !important;
      }
      div.wcfm-content p {
      float: left !important;
      }
      a#wcfm_add_order_note {
      float: left !important;
      margin-left: 3px !important;
      }
      .order_line_items th, .order_line_items td {
      font-size: .98em !important;
      }
      table.wc-order-totals {
      font-size: 12px !important;
      }
      }

      i

    • August 31, 2018 at 5:00 pm #30356
      WCFM Forum
      Member

      HI,

      I am not get your query clearly!

      Are you asking me the issue exists in this CSS?

      Thank You

    • August 31, 2018 at 10:06 pm #30398
      MOHO
      Participant

      Are you asking me the issue exists in this CSS?
      –> Yes

      I remove this css, then the “square option” of “Attributes” at mobile layout work.

    • September 2, 2018 at 5:58 am #30462
      WCFM Forum
      Member

      Hi,

      This is the problematic CSS –

      div.wcfm-content p {
      float: left !important;
      }

      Thank You

    • September 3, 2018 at 1:51 am #30563
      MOHO
      Participant
      This reply has been marked as private.
  • Author
    Posts
Viewing 6 reply threads
  • The topic ‘How could i move the "square option" of "Attributes" at mobile layout?’ is closed to new replies.