Hey dtilley63,

Thank you for the inquiry.

It seems to be an issue with the logo inside the main header. Please update the theme to version 4.8.7.1, then try to upload the logo again in the Enfold > Theme Options. Make sure to remove the previous logo beforehand.

Screenshot of the issue. https://imgur.com/Kr1VxMK

Temporarily, you can add this css code to limit the height of the header on mobile view.

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu, .responsive #top #wrap_all .av-logo-container, .responsive #top #wrap_all .av-logo-container a img {
        height: 80px !important;
        line-height: 80px !important;
    }
}

Best regards,
Ismael

Hi,

Thank you for the info.

Yon can use this code in the Enfold > General Styling > Quick CSS field to stack the sort button above each other.

#top div.container .av-masonry .av-masonry-sort .text-sep {
    display: none;
}

#top div.container .av-masonry .av-masonry-sort a {
    display: block;
    text-align: left;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Try to use this css code to adjust the z-index of the sliders.

.avia-slideshow-inner li {
    z-index: 200;
}

If you need further help, please feel free to open another thread. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

Why did you add the echo function before each line? We placed a closing PHP tag after declaring the function name so that we could embed the script tag directly. Anyway, we adjusted the code in the functions.php file a bit and added a selector for the icon link (.av_font_icon a). This should work correctly now.

Please make sure to purge the cache or do a hard refresh before testing the page. The page should reload after clicking the close button.

Best regards,
Ismael

Hey lamplight1508,

Thank you for the inquiry.

Did you toggle the Enfold > Layout Builder > Integrated (Bundled) LayerSlider Plugin settings before? The layer slider is not getting added to the page but we are not seeing any kind of errors. Is it alright if we deactivate the plugins temporarily?

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the css code in the style.css file a bit. Please make sure to purge the cache before checking the page. This is the new css code.

#menu-item-581 .avia_mega_div {
    width: calc(100vw - 100px) !important;
}

@media only screen and (min-width: 1280px) {
	#menu-item-581 .avia_mega_div {
		width: calc(100vw) !important;
		right: -115px !important;
		left: auto !important;
	}
}

#menu-item-581 .mega_menu_title {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the clarification.

Where can we check the page? Please provide the URL in the private field. You may need to purge the cache and remove the browser history before checking the page. Also, please note that the script will only work when you actually click the close (x) button.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to remove the image from the menu item temporarily, then use this css code to insert an icon font inside the login menu item. The icon font should automatically switch color when the header changes or when scrolling down or up.

#menu-item-8683 a:before {
    font-family: 'entypo-fontello';
    content: "";
    font-size: 26px;
}

#menu-item-8683 .avia-menu-text {
    display: none;
}

Best regards,
Ismael

Hi,

As shown in the screenshot above, the modification is working properly on our installation, so there might be something in your site that is conflicting with the filter. Unfortunately, we cannot figure out what that is. Adding two masonry element above each other should be a valid solution.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the page above does not exist or it is private. We may need to login to the site in order to check the anchor issue. This is what we get when visiting the “wat-is-waar” page.

OEPS…
Sorry, de pagina die je probeert te bereiken is niet gevonden.

Best regards,
Ismael

Hi,

What do you mean by re-create? The whole website? It is a large project. Gave you the link in the first post.

No, just the page where the issue occurs. Could you post the login details in the private field? We would like to check the content of the page. We may need to deactivate the plugins while we are at it. Is that OK?

Best regards,
Ismael

Hi,

Yeah, it is quite odd. We inspected the footer widgets again but we cannot see any styling issues. The 4th column weirdly breaks into the third row. Please keep the css modification to adjust the column layout on mobile view.

Thank you for your patience.

Best regards,
Ismael

Hey xela,

Thank you for the inquiry.

Did you add this css code? The css hides the popup only when the screen is wider than 600px.

@media only screen and (min-width: 600px) {
.av-inline-modal {
    padding: 20px;
    border-radius: 4px;
    min-width: 250px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    display: none;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings so that we can check the issue further. There might be invalid css code (e.g unclosed declarations, missing curly braces, missing semicolon) in the Quick CSS field or in the style.css file.

Best regards,
Ismael.

Hey ruediger_graf,

Thank you for the update.

You can use this css code to hide the sidebar when the search returns no items.

.responsive #top.search-no-results .sidebar {
    display: none !important;
}

And if you want adjust the width of the content container as well, add this code.

.responsive .search-no-results .content {
    width: 100%;
    border: 0;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

I thnk is related to the focus i frame… in the theme.

What do you mean by “focus i frame”? Did you add any custom scripts in the functions.php file or anywhere else? There might be a function or script that causes the document to scroll to the section before the footer container.

Best regards,
Ismael