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

Hey Paul,
Please try this solution: icons inline with your text, in your header extra bar.

Best regards,
Mike

Hey hutch80,
I removed your css for the quick ccs field and added this code to the end of your functions.php file in Appearance > Editor:

function avia_remove_main_menu_flags(){
remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 9998, 2 );
remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 9998, 2 );
remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}
add_action('after_setup_theme','avia_remove_main_menu_flags');

The flags are now removed, please clear your browser cache and check.

Best regards,
Mike

Hi,
When a page is set to private it can’t be added to the menu, I changed it to published, added it to the menu, and then changed it back to private. It is now working correctly. I added your other items to the service menu by drag and drop from the menu page, not the WordPress customizer. But the menu items were “mega menus” before so the sub-menu now goes horizontal, please see screenshot in Private Content area. If you want the sub-menu to be vertical move the items back to first tier position and uncheck the “mega menu” check box.
If you are unsure about this let us know and we will help.

Best regards,
Mike

Hey kobeleung,
Please try enable shipping in Woocommerce > Settings > Shipping > Shipping Calculations > Enable shipping.
Source

Best regards,
Mike