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

Hey Michael_Kronenberg,

Thank you for the inquiry.

Yes, that should be possible. You can add this css code to disable the link on the logo:

.responsive #top .logo a, .responsive #top .logo {
    pointer-events: none;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The css code that you mentioned above covers the masonry image. Why did you add it? If you want to add transparency to the background, try to replace the css with this code:

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(255,255,255,0.35);
}

Best regards,
Ismael

Hi,

Thank you for the clarification.

You can add this code in the functions.php file:

add_filter('avf_logo_subtext', 'avf_logo_addition');
function avf_logo_addition($sub)
{
    $sub .= "<span class='logo-title logo-subtitle'>";
    $sub .= get_bloginfo( 'description', 'display' );
    $sub .= "</span>";
    return $sub;
}

Then add this css code to adjust the position of the description or subtext:

#top #header .subtext.avia-standard-logo-sub {
    position: absolute;
    top: 25px;
    left: 0;
}

Best regards,
Ismael

Hi,

Thank you for the renewing your support license. Please continue in the next thread: https://kriesi.at/support/topic/facing-some-bugs-issues-after-upgrading-the-enfold-version-to-5-6-10/

Best regards,
Ismael

Hi!

Thank you for the inquiry.

1-2) Looks like the site is still loading the old scripts and stylesheets. Please disable the Autoptimize plugin temporarily, then deactivate the Enfold > Performance > File Compression settings. This should fix the styling and layout issues.

Regards,
Ismael

Hey designmek,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #layer_slider_1.avia-layerslider .ls-nav-prev:before,
#top #layer_slider_1.avia-layerslider .ls-nav-next:before {
	display: none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try seeing this documentation, I added a second element under your with this code:

<marquee loop="" scrollamount="8">Mastercard • Kia • Doctors Without Borders • Centers For Disease Control DCD • League of Conservation Voters •</marquee>
<marquee loop="" scrollamount="6">Electrify America • Florida Crystals • The Electric Company • California Avocado Commission • Marvel Fusion •</marquee>
<marquee loop="" scrollamount="4">The Educated Choices Program • Calm • Citizens Bank • Amazon • NerdWallet • Slack • Verizon • American Red Cross •</marquee>
<marquee loop="" scrollamount="2">National Institute of Health • Vistaprint • Doritos • Google • Siemens • Bic • Dominos • Ebay • Mattel • Deloitte •</marquee>

and it works kind of ok, but if you note from the documentation marquee has been Deprecated and is no longer recommended.
I recommend searching for a javascript snippet to do this, perhaps like this.
Or perhaps this would help

Best regards,
Mike

Hi,
It looks like Flaticon doesn’t offer the iconfont format that the theme uses, perhaps it is a paid oprion now I don’t know, Fontello offers th correct format for free and you can convert your SVG icons to the correct iconfont format for free.
Please see this thread for preparing SVG images for fontello and then upload them to fontello:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top .logo {
    display: flex;
    justify-content: center;
    width: 100%;
}
}

Best regards,
Mike

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,

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

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,

Please try this CSS as well:

@media only screen and (min-width: 991px) {
#submenu-desktop-tablet {
  display: none;
}
}

Best regards,
Rikard

Hi,

Thank you for the screenshots.

You can add this CSS code to relocate the mobile menu to the right of the header.

@media only screen and (max-width: 989px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0;
    left: auto;
    right: 0;
    display: block;
    transform: none;
  }

  .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu .av-main-nav-wrap {
    transform: translateX(-50%);
    left: auto;
    right: 0;
    translate: none;
    float: right;
  }
}

Best regards,
Ismael