Hi,
Thank you for your patience, I have checked your page with Firefox, and I saw the error after about 14 clicks, but I was not able to reproduce this in any other browser and I found no browser console errors. I believe this may be an error with in the browser, as if it was a theme error it would show in all browsers. I tried to find a work around to stop this such as preventing page scroll on the clicking of the element, but this didn’t work as it seems the scroll behavior is an internal function that occurs even if page scrolling is disabled.

Best regards,
Mike

Hey Fred,

The version that you are using is very old, it needs to be updated. If you can’t get access to the account which was used to purchase your license, then I would recommend that you purchase a new license. Otherwise you will have this problem every time you want to update or access the theme files.

Once you have access to the theme files, then the update to 5.7.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/

Best regards,
Rikard

Hi,

Please try this instead:

#top .av_textblock_section.av-lw58ir2d-584d08387988de11a8769926c1ee0dab .avia_textblock {
  column-count: 1 !important;
}

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Thank you for your patience, I made some adjustments, this is the css now:

@media only screen and (max-width: 989px) {
	#header_main > .widget {
	display: none;
}
}	
@media only screen and (min-width: 990px) and (max-width: 1439px) {
  .av-logo-container .inner-container .widget #searchform {
    width: 100%;
    min-width: 500px;
  }
  .av-logo-container .inner-container .widget {
	display: flex;
    order: 3;
    flex-basis: 65%;
    right: -15%;
    top: -5%;
}
}
@media only screen and (min-width: 1440px) { 
    .av-logo-container .inner-container .widget {
        display: flex;
        order: 3;
        flex-basis: 65%;
        right: 0;
        top: -5%;
    }
    .av-logo-container .inner-container .widget > search {
        width:100%
    }
}	
@media only screen and (min-width: 990px) {
.av-logo-container .inner-container {
	display: flex;
    flex-direction: row-reverse;
}

#header_main > .widget {
	display: none;
}  
.av-logo-container .inner-container .widget #searchform .ajax_search_response {
	background-color: #fff;
    z-index: 3;
}
.header_color #search-6 input[type=submit] {
    background-color: #da291c;
    color: #fff;
 }
.header_color #search-6 input[type=submit]:hover {
    background-color: #da291c;
    color: #fff;
 }
  #top #header.header_color .widget input[type=text] {
	border-color: ebebeb;
	border-radius: 3px;
}
#top #header.header_color .widget #searchsubmit {
    border-radius: 0 3px 3px 0;
}

#top #header.header_color .widget #searchform #searchsubmit {
 	font-size: 16px;
}
.av-logo-container .inner-container #menu-item-shop {
	display: flex;
    order: 2;
}
}

please clear your browser cache and check.

Best regards,
Mike

Hey jbcomcleaning23,

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

#top .av_textblock_section.av-lw58ir2d-584d08387988de11a8769926c1ee0dab .avia_textblock {
  column-count: 1;
}

Best regards,
Rikard

Hey clbdcnpafe,

Thank you for the inquiry.

The issue you’re experiencing with background images appearing differently on various laptop and desktop screens is due to how the background-size: cover; property works in css. When you use background-size: cover; or when the Background Attachment is set to Stretch to fit, the background image is automatically resize to cover the entire container, maintaining its aspect ratio. This often results in parts of the image being cut off, especially if the aspect ratio of the image doesn’t match the aspect ratio of the container.

If you need the whole image to be visible within the container, you can set the background attachment to “Scale to fit”, which will set the background-size to “contain”. However, this might create spaces around the background image if the aspect ratio or size of the container doesn’t match the background image.

For more info about this property, please check the link below:

// https://www.w3schools.com/cssref/css3_pr_background-size.php
// https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

Best regards,
Ismael

Hi,

Thank you for the info.

We noticed that the Autoptimize plugin is enabled. Have you tried disabling this plugin temporarily or toggling the compression after making changes to the site? We’ll check the site again once the password for the account is available.

Best regards,
Ismael

Hey tcampaner,

Thank you for the inquiry.

There is no default option for this, but you can use the following css code to create an arrow above the menu items with submenus.

#top .menu-item-has-children:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

Best regards,
Ismael

Hey zimbo,

It looks like there is an empty div added in the Phone Number Or Small Info Text option under Enfold->Header, please remove anything which might be there. After that then you can try using this CSS to align the search field:

#top #searchform > div {
  float: right;
}

Best regards,
Rikard

Hi,

Great, I’m glad that you found a solution and thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
The srcset for the featured image of blog posts is now added:

and this looks like it has increased the score on mobile:

and desktop:

I’m not sure how your ewww plugin works but I doubt the disabled function is related to this.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
This Google Ads code is not apart of the theme, it probably was added in the Enfold Theme Options ▸ Google Services ▸ Google Analytics Tracking Code or in the functions.php file or in the header.php file, or perhaps you have a Google Tag manager plugin. Please look in these places, if you can’t find it include a admin login in the Private Content area so we can examine.
Please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker, and helps the Mods keep the threads on topic. For further questions please open a new thread

Best regards,
Mike

Hey spokerstradingco,

Please check: https://kriesi.at/support/topic/navigation-menu-small-separator-height/

Best regards,
Ismael

Hey spokerstradingco,

Thank you for the inquiry.

You can add this css code to remove the default border and create another with a definite height.

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text:before {
    content: '';
    width: 1px;
    height: 22px;
    background: #c4beb1;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border: 0;
}

.av_seperator_small_border .av-main-nav > li.menu-item-top-level-3 > a > .avia-menu-text:before, .av_seperator_small_border .av-main-nav > li.menu-item-top-level-1 > a > .avia-menu-text:before {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We added this css code to adjust the width and height of the front page.

.responsive #top.boxed.page-id-329 {
    width: 100%;
    max-width: 100%;
}

.responsive  #top #front-page {
    min-height: 100vh;
}

Best regards,
Ismael

Hey nebuddlho,

Thank you for the inquiry.

You can add this css code to adjust the margins on both sides of the header container.

@media only screen and (min-width: 990px) {
  /* Add your Desktop Styles here */
  #header_main.container_wrap_logo .av-logo-container {
    margin: 0 50px;
  }

  #header_main.container_wrap_logo #custom_html-4 {
    margin-right: 50px;
  }
}

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard