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

Hi,
That is strange, I just tested the code from the link above and I don’t get the same behavior. For me the search is hidden at mobile width.
There also seems to be a conflict with this in your custom css:

li#menu-item-search {
  display: block!important;
  margin-top: 10px;
  right: -20px;
}

Do you plan to show the search box on mobile?

Best regards,
Mike

Hey JeffMcDiarmid,
Please try this alternative method, using the All-in-One WP Migration plugin. The files for the Startup Business Demo are in the Private Content area.
They are in a zip file that you will need to extract, one is the import, the other is the login info for after the import. Note that you will lose your current settings and content. Install this plugin: all-in-one-wp-migration
Read this All-in-One WP Migration tutorial

Best regards,
Mike

Hi,
Please try:

div#header_meta {
background-color: transparent!important;
}

Best regards,
Mike

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

Hi,
Please try removing this code from your custom css:

.responsive .container {
max-width: 100% !important;
}

Then please clear your browser cache and any cache plugin check.

Best regards,
Mike

Hi,
Here is the All-in-One WP Migration files for the Creative Studio Demo in the Private Content area.
They are in a zip file that you will need to extract, one is the import, the other is the login info for after the import. Note that you will lose your current settings and content. Install this plugin: all-in-one-wp-migration
Read this All-in-One WP Migration tutorial

Best regards,
Mike