WooCommerce+EmmetPro Move SHOP Sidebar in Mobile

Free and Premium WordPress Plugins & Themes Forums WordPress Themes Emmet WooCommerce+EmmetPro Move SHOP Sidebar in Mobile

This topic contains 3 replies, has 2 voices, and was last updated by   Mike Hammock 1 year, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #629408

    Mike Hammock
    Participant

    I need to move the right side bar on this site https://lineofduty.com/shop so that in mobile devices, the side bar is ABOVE the content.

    How do I do that?

    Mike H.

    #632391

    J. Davis
    Keymaster

    Hi Mike,

    Try to place the code below to style.css file of your Child Theme (or Appearance>Customize Additional CSS):

    @media only screen and (max-width: 1040px) {
    /* switching the sidebar to the top */
    .woocommerce-page .container .main-container{display: table !important;}
    .woocommerce-page .col-md-8.col-lg-8 {display:table-footer-group !important; float: none !important;}
    .woocommerce-page .col-md-4.col-lg-4 {display:table-header-group !important; float: none !important;}
    }

    Best regards,
    John

    #634590

    Mike Hammock
    Participant

    Ill try that!

    Mike H

    #643929

    Mike Hammock
    Participant

    John,
    I forgot to say thank you.
    This worked perfectly!

    Mike

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.