Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1054663
    mclukens
    Participant

    Hello,
    We have the shopping cart widget in the left sidebar. I’m attaching what it looks like on mobile. It looks fine on the phone because the shopping cart is under the logo. On a larger screen, like iPad, the shopping cart is up next to the logo, I would like it to be below like on the phone. I’ve tried various css to no avail, any suggestions?

    Thanks,
    Mary Lukens

    #1054849
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1063734
    mclukens
    Participant
    #1063883
    Jade
    Moderator

    Hi there,

    How did you add the custom area where the cart was added? Kindly try to add an ID to the div that contains it like:

    <div id="the-cart" style="width: 80%;margin-left:10%;clear: both;">

    then add this CSS:

    @media (max-width: 980px) {
        #the-cart {
            clear: both;
        }
    }

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1054663 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>