Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 7, 2024 at 2:07 pm #1461538
    Munford

    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

    July 7, 2024 at 2:36 pm #1461540
    Mike

    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

    July 7, 2024 at 2:52 pm #1461541
    Munford

    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 3 months ago by Munford.
    July 7, 2024 at 4:16 pm #1461554
    Mike

    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

    July 7, 2024 at 7:09 pm #1461561
    Munford

    great, thanks!

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