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

[MOHO]

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.

[WCFM Forum]

Hi,

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

Thank You

[MOHO]

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

[WCFM Forum]

HI,

I am not get your query clearly!

Are you asking me the issue exists in this CSS?

Thank You

[MOHO]

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.

[WCFM Forum]

Hi,

This is the problematic CSS –

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

Thank You

[MOHO]

This reply has been marked as private.

[Author]

Posts