[Resolved] Make first widget area the last on mobile?

Home Forums Support [Resolved] Make first widget area the last on mobile?

Home Forums Support Make first widget area the last on mobile?

  • This topic has 3 replies, 2 voices, and was last updated 1 month ago by Ying.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2052498
    Jordan

    Hi,

    I have four widget areas in the footer of the site listed below. I am using the CSS you’ve provided to set the width of these areas as follows:

     .footer-widgets .footer-widget-1 {
        flex-basis: 30%;
    }
    
    .footer-widgets .footer-widget-2 {
        flex-basis: 10%;
    }
    
    .footer-widgets .footer-widget-3 {
        flex-basis: 20%;
    }
    
    .footer-widgets .footer-widget-4 {
        flex-basis: 20%;
    }
    
    .footer-widgets .footer-widget-4 {
        flex-basis: 20%;
    }

    How can I make the footer-widget-1, stack and show up below widgets 2-4, when stacking in the mobile view?

    Thank you!

    #2052535
    Ying
    Staff
    Customer Support

    Hi Jordan,

    Try this CSS:

    @media (max-width: 768px) {
    .footer-widget-1 {
        order: 10;
        margin-top: 50px;
    }
    }

    Let me know ๐Ÿ™‚

    #2052542
    Jordan

    Perfect thank you Ying!!

    #2052551
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

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