Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 19, 2016 at 10:46 pm #662723
    schiffbauer00

    Hi Kriese Team,
    I have the following problem: I added the woo shopping cart via shortcode in a 1/1 avia layout. Additionally there is a sidebar on this page.
    The result: The content is not responsive as it should be. The content is covered by the sidebar, when I change the browser size to small.
    Please check this out:
    http://joleo.de/wahrenkorb
    login below.
    Any idea?

    Thanks!
    Jan

    July 22, 2016 at 11:09 am #663783
    Josue

    Hi!

    Can you post a screenshot of your view? i’m not noting the issue.

    Regards,
    Josue

    July 24, 2016 at 6:19 pm #664426
    schiffbauer00

    Hi Josue,

    here the link: http://joleo.de/mock-ups/
    login above…

    Thanks a lot!
    Jan

    July 25, 2016 at 9:47 pm #664836
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 989px) {
    .responsive #top .container .av-content-small, 
    .responsive #top #wrap_all .flex_column, 
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .content .entry-content-wrapper{
        padding: 0;
    }
    .inner_sidebar{
        margin: 0;   
    }
}

    That will enable the full width on the cart table earlier (989px).

    Cheers! 
    Josue

    July 28, 2016 at 9:27 pm #666411
    schiffbauer00

    Hi Josue,

    thanks for your support! Sorry, but it is not really better :-)
    With this code the collision problem is better, but I have an intermediate state where the sidebar goes under the main text bevor it changes to mobile view …

    Here is the linke to the problem child …
    http://joleo.de/produkt/727/
    Please add this product and go to the shopping cart. When you shrink the window size step by step, you will see what I’m after.

    Thanks a lot!!
    Jan

    August 2, 2016 at 4:15 am #667527
    Ismael

    Hi,

    It’s normal for the sidebar to go underneath the cart container on smaller screens. Do you want to hide it? If yes, you can use this:

    @media only screen and (max-width: 989px) {
.woocommerce-cart #main .sidebar {
   display: none !important;
}
}

    Best regards,
    Ismael

    August 3, 2016 at 8:57 pm #668268
    schiffbauer00

    Hi Ismael,

    Hmmm… that code does not remove it…
    Maybe you can add this product to the cart and have a look?

    Einkauftasche

    August 9, 2016 at 4:10 am #670139
    Ismael

    Hi,

    Alright. We modified the code above a bit. Please try it again.

    Best regards,
    Ismael

    August 11, 2016 at 8:41 am #671199
    schiffbauer00

    Hmmm,

    sorry, no effect….

    I removed the “Maintenance Mode”, so please try to add the “Einkaufstasche” to the cart and have a look at the cart when changing browser window size….

    Thanks!!
    Jan

    August 15, 2016 at 4:29 am #672439
    Ismael

    Hi,

    The sidebar has been removed on screens lower than 989px. Please remove browser cache or hard refresh the page. We tried to login but we can’t get past the “my account” page.

    Best regards,
    Ismael

    August 17, 2016 at 10:59 am #673626
    schiffbauer00

    OK. I’m fine :-)
    Thanks!

    you can close this.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Woo Shopping Cart – Sidebar Issue’ is closed to new replies.