Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 23, 2016 at 5:25 pm #570556
    jolamptey

    Hi,

    I need help with customizing my css in order to have a table fully display on my mobile phone. I am only able to see the full table display when my phone is in landscape mode, however whenever it is in portrait mode I am unable to see the entire table. I will do my best to explain my issue, but if you are unable to follow please reach out directly.

    Issue: Whenever you add an item to your cart and go to the checkout page on a mobile device the first table that appears under “Please review your order” does not fully display in portrait mode on a mobile phone. It is missing the last column which has the remove button located in it. Is there anything I can do to fix this issue without making any changes to the wp eCommerce plugin?

    FYI – I have an iPhone 6 plus so the screen size is fairly.

    Thanks!

    January 23, 2016 at 6:15 pm #570566
    Basilis

    Hi jolamptey!

    Enfold is working perfectly fine with WooCommerce but not tested with wpEcommerce.
    We would love to help you out, but can you maybe give us a screenshot of how it should look or what changes you need to make?
    Should a column dissapear, just make everything smaller?

    What firs you better?

    Cheers!
    Basilis

    January 23, 2016 at 6:25 pm #570573
    jolamptey

    I have attached links to images

    If I can make the table smaller so everything appears on portrait view I would appreciate it!

    January 25, 2016 at 1:57 pm #571335
    Andy

    Hey!

    could not find the link to your tables in question. Please send us a precise one, cause we need to inspect the elements in question. But at first update to Enfold v3.4.7 and let us know when you are done and still need help.

    Regards,
    Andy

    January 26, 2016 at 1:24 am #571744
    jolamptey

    Hi,

    In order to access the table you will need to add an item to your cart then go to the following: http://www.elsacano.com/shop/checkout/

    I believe the item I want to edit in the css is “#checkout_page_container table.checkout_cart” but I do not know how to make this fit on a mobile screen.

    I was trying something to the effect of this:
    @media only screen and (max-width: 480px) {
    #checkout_page_container table.checkout_cart {
    width: 480px;
    }}

    My question is similar to the following:
    https://kriesi.at/support/topic/disable-mobile-view-on-one-page-only/

    January 26, 2016 at 4:17 pm #572187
    Andy

    Hi!

    try to deactivate all plugins but WooCommerce by WooThemes, to check if one is causing this issue and let us know about your results. If that does not help send us admin access, so we can take a deeper look into it.

    Are we allowed to deactivate all your plugins temporarily by ourselves as well for testing purposes?

    Cheers!
    Andy

    January 27, 2016 at 5:44 am #572582
    jolamptey

    Hi,

    I am not using WooCommerce as I am using WP-eCommerce. Please take a look at all the posts above I feel like I am going around in circles.

    I have tried deactivating the plugins but that doesn’t work. I just need help with custom css code in order to make a table fit on a mobile view.

    All you would need to do is go to http://www.elsacano.com/shop/dresses/dee-dee-dress/, then add the item to your cart then go to checkout on the top of the page on a mobile phone in order to see the 1st table that does not appear.

    Hopefully this is clear?

    January 27, 2016 at 12:42 pm #572798
    Andy

    Hey!

    we definitely recommend to use WooCommerce instead. You need to contact plugin’s author about this issue. I inspected the elements of the table, but they do not respond to any changes. It seems to me that this plugin is not compatible.

    Regards,
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.