Hi,
The import did not work as I planned, so I manually created your pages, please check.
As you add your products and posts you can also add your images for them, as I know you will be changes these, but all of the other image placeholders have been added.
Please note that I added the Avia Special Character Converter Plugin for the strong tags in the title elements:

it is important to not use HTML in titles, but code like this:
###lt###strong###gt###Enfold Restaurant###lt###/strong###gt###

otherwise you will see an error, read more about this here: Using special characters you may need to scroll down on the documentation page.
In the future it would be best to use a webhost that doesn’t block our IP, or install the demo on a local host and then move the images via FTP to your site and manually edit the demo xml file with a search and replace for the image url’s with your own domain, the one othe host that I know of that blocks our IP is OVH, but they will not un-block us, so don’t use them. All others should work fine.

Best regards,
Mike

Hi,
It looks like you did not add the css above, or you have an error before the css above so it is not working correctly, nonetheless I tested it and found that some extra css is needed to line up the search in the header before and after scroll, this is the css I tested:

#top .header_color input[type='search'],
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
	margin-top: -10px;
}
#top .header_color.header-scrolled input[type='search'],
#top .header_color.header-scrolled .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
	margin-top: -49px;
	padding: 0;
}
/* Fra Fibiosearch  support 9 nov 2023. */
/* Overriding default Enfold code. */
.menu-item .dgwt-wcas-search-wrapp {
  opacity: 1 !important;
  display: block !important;
}

.dgwt-wcas-search-input {
  margin-bottom: 0 !important;
}

.menu-item .dgwt-wcas-search-form {
  margin-bottom: 0 !important;
}

/* Search field. */
#menu-item-3327 {
  height: 90px;
  display: flex;
  align-items: center;
}

/* Search field. 6 nov Joachim. */
#top .header_color .input-text, #top .header_color input[type='text'], #top .header_color input[type='input'], #top .header_color input[type='password'], #top .header_color input[type='email'], #top .header_color input[type='number'], #top .header_color input[type='url'], #top .header_color input[type='tel'], #top .header_color input[type='search'], #top .header_color textarea, #top .header_color select {
    border: 1px solid lightgrey;
    background: white;
}

/* Search button. 6 Nov Joachim. */
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit, .dgwt-wcas-om-bar .dgwt-wcas-om-return {
    background-color: #f7f7f7;
    color: #0f0f0f;
    border-top: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

and this is the result before scroll:

this is after scroll:

Best regards,
Mike

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1550px) {
  #menu-item-search {
    display: block !important;
  }
}

You can upload screenshots to an array of services and sites like Google Drive, Dropbox, Imgur, Snipboard etc. You can then link to the image in question here.

Best regards,
Rikard

Hey Silje,

Thank you for the inquiry.

Have you tried adjusting the color values in the Enfold > General Styling > Main Content tab? To fix the issue temporarily, please disable the Autoptimize and cache plugin, then add this css code:

#top .main_color .input-text, #top .main_color input[type=text], #top .main_color input[type=input], #top .main_color input[type=password], #top .main_color input[type=email], #top .main_color input[type=number], #top .main_color input[type=url], #top .main_color input[type=tel], #top .main_color input[type=search], #top 
 .main_color textarea, #top .main_color select {
   border-color: black;
   background-color: white;
   color: gray;
   font-family: inherit;
}

Best regards,
Ismael

Hey Silje,

This is default browswer behaviour, it’s not theme functionality. When hovering over links for example, the browser will show the title attribute, like if you hover over the Duckduckgo logo here. The Duckduckgo search engine is not running Enfold as far as I know. I would suggest that you keep your title attributes, as they matter for SEO and accessibility.

Best regards,
Rikard

Hey ibuzaev,

Thank you for the inquiry.

The element for the search icon is missing. Please try temporarily disable the Enfold > Performance > File Compression settings, then purge the cache. If the issue persists, please provide the login details in the private field.

Best regards,
Ismael

Hi,

I added a fix to solve searchbar with #toggle id:

Please replace C:\xampp\htdocs\wp56\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\toggles\toggles.js

with

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_6_0_4/toggles/toggles.js
https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_6_0_4/toggles/toggles.min.js

Best regards,
Günter

Hi,

Thank you for using Enfold and reporting this.

First issue:

We are working on a fix to ignore s=…. for all pages that are not the search page. Will be in the next Release 6.0.4.

Second issue:

The warning you mention is in a file that was used with the old Envato update API < 3.0 and is deprecated. If you have entered an "Envato private token" it should not be loaded at all. But we will remove it in next release 6.0.4. Best regards, Günter

Hi,
To disable it, open js/avia.js go to line 90 and comment it like this:

// new $.AviaAjaxSearch({scope:'#header, .avia_search_element'});

then disable both Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files Then clear your browser cache and any cache plugin a few times, and check.
Please remember that clearing javascript files can take a few tries. I tested this and it works to remove the ajax function:

Best regards,
Mike

Hi,
When I check your site at 1536 x 864, that you wrote was your screen size, but I don’t see the menu over the logo:

To switch the two icons try this css

.av-burger-menu-main.menu-item-avia-special {
	  top: -120px;
}
#menu-item-search {
	top: 100px;
}

You can also adjust the values and perhaps keep the icons away from the logo

Best regards,
Mike

Hey williamslyd,

Thank you for the inquiry.

You can turn off the AJAX search by toggling the Append Search Icon To Main Menu option in the Enfold > Main Menu panel. Let us know how it goes.

Best regards,
Ismael