Hi Andrea,

Please remove previous code and put this one.
Here is the complete code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .av_promobox .avia-button {
    right: initial !important;
    top: initial !important;
    position: initial !important;
  }
  .avia-promocontent {
      margin-right: 0 !important;
  }
/****** Planet Self ******/
  .av_promobox.avia-button-yes.avia-builder-el-22 {
    text-align: center;
  }
  .av_promobox.avia-button-yes.avia-builder-el-22 .avia-button-right {
     display: inline-block;
      float: none; 
  }

  .av_promobox.avia-button-yes.avia-builder-el-22 .avia-button.avia-size-large {
    margin-top: 0;
  }


/****** selbstcoaching page ********/
  .av_promobox.avia-button-yes.avia-builder-el-29 {
    text-align: center;
  }
  .av_promobox.avia-button-yes.avia-builder-el-29 .avia-button-right {
     display: inline-block;
      float: none; 
  }

  .av_promobox.avia-button-yes.avia-builder-el-29 .avia-button.avia-size-large {
    margin-top: 0;
  }
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi 2eminds,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.avia_codeblock  .cta-button a {
    padding: 15px 30px 13px;
    font-size: 20px;
    min-width: 220px;
    border-radius: 3px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi metrocitygirl,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#top .woocommerce-tabs .tabs li a {
  color: #fff;
}
.header_color .cart_dropdown .dropdown_widget li a,
 #top .header_color  .avia_cart_buttons .button,
  #top .header_color .dropdown_widget .buttons .button,
 .header_color .cart_dropdown_first .cart_dropdown_link,
  #top .header_color p.order-info mark {
    color: #fff !important;
  }

How do I check the order page? Are you making test orders?

If you need further assistance please let us know.

Best regards,
Victoria

Hi mcraig77,

There is too much text, the code below will work for the 375px screen and up, but still does not look good on the 320px screen.
Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {  
  #av_section_1 {
    margin-top: 200px;
  }
  .responsive #top .slideshow_caption h2 {
      font-size: 16px !important;
  }
  .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 10px;
  }
  .avia-caption-content p {
      margin: 0;
  }

  #top .avia-slideshow-button {
      padding: 10px 5px;
      margin-top: 15px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi raisonbrands,

Thank you for the clarification.
Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.sort_by_cat a span  {
    display: block;
    background-color: #f36e21;
    color: #fff;
    padding: 5px 7px;
    border-radius: 5px;
   
}
.sort_by_cat  a {
	 margin-left: 10px;
}
.filter {
	 padding: 5px 7px;
	 line-height: 32px;
}
.all_sort_button {
	background-color: #f36e21;
	border-radius: 5px;

}
#av_section_1 .sort_by_cat a.active_sort span.inner_sort_button span {
	color: #666;
}

#av_section_1 .text-sep {
	display: none;
}
.sort_by_cat a.active_sort span  {
    background-color: #f36e21 !important;
}

If you need further assistance please let us know.
Best regards,
Victoria

Hey ottoc,

3) you can edit the footer.php file or add a widget to the footer area and paste the html in there.
2) There is such an option to have different columns and and a title that is not the link in the mega menu.

1) You can add custom links to the menu and then style them as buttons.

If you need further assistance please let us know.
Best regards,
Victoria

Hi Andrea,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) and (max-width: 1024px){

  .av_promobox.avia-button-yes.avia-builder-el-22 {
    text-align: center;
  }
  .av_promobox.avia-button-yes.avia-builder-el-22 .avia-button-right {
     display: inline-block;
      float: none; 
  }

  .av_promobox.avia-button-yes.avia-builder-el-22 .avia-button.avia-size-large {
    margin-top: 0;
  }
}

If you need further assistance please let us know.
Best regards,
Victoria