Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1461538

    hi
    I want to switch the positions of the footer widgets on mobile display.
    Instead of 1-2-3 I would like it to be 2-3-1.
    Is this possible? I see how I can hide them, but not swap the positions.
    thanks
    Nancy

    #1461540

    Hey Munford,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
      #footer > .container {
      display: flex; 
      flex-wrap: wrap; 
      }
      #footer > .container .av_one_third.first {
          order: 3; 
      }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1461541

    HI
    that worked perfectly, thanks!

    I am also having an issue with my woocommerce cart icon, that isn’t accesible on mobile since it’s getting cut off on the right side.
    Even if I move the burger menu over, it’s still not clickable. https://imgur.com/ZCfm3ze
    Nancy

    • This reply was modified 4 months ago by Munford.
    #1461554

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
    	#top .av-burger-menu-main.menu-item-avia-special {
    		    left: -40%;
    }
    .html_visible_cart .cart_dropdown {
        right: 4%;
        z-index: 999 !important;
    }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1461561

    great, thanks!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘swap widgets in footer on mobile’ is closed to new replies.