Miko. eCommerce Template

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

layout options mobile

1 month 3 weeks ago #1

  • maffeaffe's Avatar
  • maffeaffe
  • Posts: 1114
Hi, this page: new.gekkepoppen.nl/sarah/opblaasbaar/opblaas-sarah-tirol
on mobile the layout for options is not very nice.
Is there a way to change this?
see printscreen
Attachments:

1 month 3 weeks ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 16531
Hello,

Thank you for contacting us!

There is no such option, but it can be done using custom code
Sample code:
@media (max-width: 768px){
    .ba-item-add-to-cart .ba-add-to-cart-wrapper > .ba-add-to-cart-extra-options .ba-add-to-cart-extra-option {
        display: flex;
        flex-direction: column;
    }
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 3 weeks ago #3

  • maffeaffe's Avatar
  • maffeaffe
  • Posts: 1114

Hi, sorry not quit good looking. see printscreen.

1 month 3 weeks ago #4

  • maffeaffe's Avatar
  • maffeaffe
  • Posts: 1114
printscreen no. 2
Attachments:

1 month 3 weeks ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 16531
We wrote the code in accordance with your earlier screen.
And this is a sample code, you can modify it depending on your needs.
Sample code to take 100%
.ba-item-add-to-cart .ba-add-to-cart-row-value {
    flex-wrap: wrap;
    width: 100%;
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 3 weeks ago #6

  • Rene's Avatar
  • Rene
  • Posts: 620
Hi in your CSS file i see this code:
.ba-item-add-to-cart .ba-add-to-cart-row-value {
    flex-wrap: wrap;
    width: 60%;
}
When i change de width to 100% problem solves. Use a media query a width 100%!important; and you done i think.

Regards René (also from the Netherlands :-)

1 month 3 weeks ago #7

  • maffeaffe's Avatar
  • maffeaffe
  • Posts: 1114
dankjewel :)
Powered by Kunena Forum