Move left sidebar below content on mobile

  • theleafface

    (@theleafface)


    6 years, 6 months ago

    Hi,

    How do i move my left sidebar below content on mobile? I’m using elementor to make my static homepage because i dont want my category pages have a double sidebar. Can you help me ?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    6 years, 6 months ago

    Hello,

    Try to add the below code to the Customize > Custom CSS section to do it – 

    @media (max-width: 767px) {
.elementor-element-88ee0b1 .elementor-row {
    display: flex;
    flex-direction: column;
}
.elementor-element.elementor-element-f7ad7a1.elementor-column.elementor-col-50.elementor-top-column {
    order: 1;
}
.elementor-element.elementor-element-b2bfc5a.elementor-column.elementor-col-25.elementor-top-column {
    order: 2;
}
.elementor-element.elementor-element-6fd8699.elementor-column.elementor-col-25.elementor-top-column {
    order: 3;
}
}
    Thread Starter theleafface

    (@theleafface)

    6 years, 6 months ago

    Thanks for the fast response @apprimit it worked!

    Amit Singh

    (@apprimit)

    6 years, 6 months ago

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Move left sidebar below content on mobile’ is closed to new replies.