Switch order of theme options

• 

  luedercrysdesign · Member · Jan 16, 2017 at 5:37 pm

  • Copy link
  • Add topic to favorites

  Hi,

  We need to switch the order of our theme options around.
  We need front page featured content to be switched with front page featured page #1. Is there a way to do this?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  eallas · Member · Jan 16, 2017 at 9:12 pm

  • Copy link

  Howdy luedercrysdesign!

  I would like a bit more clarification before creating this code. Are you asking to change the picture and “Lead Us Guide You…” section with the “Helping Americans One Step at a Time” section?

  Please let me know and I’ll be glad to help!

• 

  luedercrysdesign · Member · Jan 16, 2017 at 9:27 pm

  • Copy link

  Hi eallas!!

  Yes, those are the sections I need switched around.

  Thank you!

• 

  eallas · Member · Jan 19, 2017 at 4:28 am

  • Copy link

  Hi again luedercrysdesign!

  Apologies for the delay, life becomes life. The code below should accomplish what you’re looking for. Let me know if it helps!

  /* Homepage Switch Featured */
  .home .featured-page-270 {
  	position:relative;
  	bottom: 1075px
  }
  
  .home #featured-content.hero-section {
    position: relative;
  	top: 1025px;
  }
  
  .home .brief-text{
  	position: relative;
  	top: 1025px;
  }

• 

  luedercrysdesign · Member · Jan 19, 2017 at 4:53 pm

  • Copy link

  Hi eallas!!

  Thank you so much for taking time to help us! The code worked great on the desktop view, but when it switched to mobile everything was overlapped. :( Do I need to add something in for mobile?

  Thank you!!

• 

  thesacredpath · Member · Jan 25, 2017 at 11:16 pm

  • Copy link

  Hi @luedercrysdesign, first off the caveat: This will not work on older browsers, and in the case of Internet Explorer, will not work on versions older that 11. Add the following to the bottom of your custom CSS and see what you think.

  .home .site-content {
  	display: flex;
  	flex-direction: column;
  }
  .home .site-content .hero-section {
  	order: 2;
  }
  .home .site-content .featured-page-270 {
  	order: 1;
  }
  .home .site-content .featured-page-332 {
  	order: 3;
  }