Hi,
Thank you, perhaps you could leave a review at Theme Forest
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey ftt123,
Please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi,
Try:

@media only screen and (max-width: 1025px) {
.av-burger-menu-main { 
     display: block!important; 
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
     display: none!important;
}}

Best regards,
Mike

Hey Alan,
Adjust these codes and add to the General Styling > Quick CSS field
For the headings & the box under the tables:

.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
    background-color: blue!important; 
    color: #ffffff!important; 
    border-color: aqua!important; 
}

For the even rows:

.main_color .pricing-table>li:nth-child(even) {
    background-color: coral!important; 
    color: #fff!important; 
}

For odd rows:

.main_color .pricing-table>li:nth-child(odd) {
    background-color: black!important; 
    color: #fff!important; 
}

Best regards,
Mike

Hi,
Sure

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Sorry I was not able to download your backup for the kickstart, I kept stopping and resume would just start it from the beginning.
The other backup I tried to make was too large for the plugin.
I had hoped to overwrite the woocommerce files, as I had posted in the other post, it seems that the button text is blank/missing.
I would have also Try disabling your plugins.
But I did come up with a css hack:

.single_add_to_cart_button:before {
content: "Add to Cart";
}

Please give this a try.

Best regards,
Mike

Hi,
I replaced your quick css with this:

@media only screen and (min-width: 990px) {
.only-mobile-menu-search { display: none !important; }
}

@media only screen and (max-width: 480px) {
.responsive .logo img {
    max-height: 62px!important;
}}
@media only screen and (max-width: 479px) {
  #menu-item-shop .cart_dropdown_link {
     padding: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 426px){ 
.responsive #top #wrap_all .logo a > img {width: 183px !important;}
.responsive #top #wrap_all .main_menu {right: 10px!important; }}

@media only screen and (min-width: 767px) and (max-width: 989px) { 
li#menu-item-search {
    display: none !important;
}
#top #searchform {
    margin-top: -45px !important;
}
#header_main_alternate .container {
  padding: 0px !important;
}
.av-main-nav li.only-mobile-menu-search {
    float: right !important;
}
}

#top #searchform > * {
opacity: 1 !important;
display: block !important;
}

There were a lot of changes I had to make to fix the extra search, the extra mobile menu, the main menu not fitting in the space for tablets, etc. I hope it’s what you had in mind, please see screenshot in Private Content area.
Here is your old css if you want to change back to the way it was:

@media only screen and (min-width: 990px) {
.only-mobile-menu-search { display: none !important; }}

@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
  display: block !important;
    position: relative;
	z-index: -1;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
  display: block!important;
  margin-top: 10px;
  right: -20px;
}
.responsive .main_menu {
  float: right;
}
}
@media only screen and (max-width: 480px) {
.responsive .logo img {
    max-height: 62px!important;
}}
@media only screen and (max-width: 479px) {
  #menu-item-shop .cart_dropdown_link {
     padding: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 426px){ 
.responsive #top #wrap_all .logo a > img {width: 183px !important;}
.responsive #top #wrap_all .main_menu {right: 10px!important; }}

#top #searchform > * {
opacity: 1 !important;
display: block !important;
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
the “display: block!important;” is making it show at mobile when it is suppose to be hidden.
Try replacing the above code and the code from the other article with this:

@media only screen and (min-width: 990px) { 
li#menu-item-search {
  margin-top: 10px;
  right: -20px;
}
#top #searchform > * {
opacity: 1 !important;
display: block !important;
}
}

Best regards,
Mike

Hi,
You are right, I thought this was part of your design. As I look closer I see quite a bit of customization in your functions.php aimed at your sidebars

and for that portfolio item the sidebar is set

changing that setting to “no sidebar” removes the brown stripe, so this is a sidebar and the custom code has broken the layout. I recommend changing the setting to “no sidebar” or contacting the person who added the custom code, I assume it was not you. I don’t feel comfortable working on this code, and it is beyond our support scope Sorry for that!

Best regards,
Mike

Hi,
I think I understand your question, but let me start with that what I did was to add a code block element to your page with some code in it:

You can see the code of the page by Enable Avia Layout Builder Debug which will show this at the very bottom of the page:

This would be useful to copy a whole page to another or to a new site, but we don’t recommend editing this directly as it is touchy.
Is that your question?

Best regards,
Mike

Hi,
What you have created looks very nice, what would you want to change?

Best regards,
Mike

Hi,
Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

Best regards,
Mike