Hi,

Thank you for the inquiry.

You can add this css code to hide the default logo and display the alternate one on mobile view:

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

  /* Add your Mobile Styles here */
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img,
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>svg {
    opacity: 0;
    display: none;
  }

  .responsive #top .av_header_transparency .logo .subtext.avia-svg-logo-sub,
  .responsive #top .av_header_transparency .logo img.alternate {
    display: block;
  }
}

Result:

Best regards,
Ismael

Hi,

Thank you for the screenshots.

That is normal since the Styling > Appearance > Button Position of the buttons is set to Align Left. If you want the buttons to stack on top of each other, set it to the default Align Center.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

You can try this code in the Quick CSS field to make the header fixed and move the first section below it.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: fixed;
  }

  #top #wrap_all .header_color.av_header_transparency+#main>div.av-1a7rg49-0361ab150500a4dbf4236ca5f8b54140 {
    padding-top: 90px;
  }
}

Best regards,
Ismael

Hi,

Thank you for following up.

For #3, please continue on this thread: https://kriesi.at/support/topic/alignment-issues-with-image-overlay-overlay-type-external-on-hover/

Another solution for your category pages is to use redirection. You can create a custom page using the Advanced Layout Builder, then set up a 301 redirect from the category page to that custom page. Please check any of these plugins.

— https://wordpress.org/plugins/eps-301-redirects/
— https://wordpress.org/plugins/redirection/

Let us know if you need more info.

Best regards,
Ismael

Hi,

The complete css code should look like:

.html_header_top.html_logo_center .logo {
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}

html_header_top.html_logo_center .logo img, html_header_top.html_logo_center .logo svg {
    margin: 0 auto;
}

.html_header_top.html_logo_center .logo img {
    left: 50%;
    transform: translate(-50%, 0);
}

Please review the modification.

Best regards,
Ismael

Hi,

Thank you for the update.

1.) You can add this filter in the functions.php file to replace “Archive” in the main title:

add_filter('avf_which_archive_output','avf_change_which_archive', 10, 3);
function avf_change_which_archive($output)
{
    if(is_tax('portfolio_entries')){
        $output = __('REPLACE THIS TEXT:','avia_framework'); 
    } 

    return $output;
}

2.) Unfortunately, it’s not possible to replace it with a custom layout without significant modifications to the theme.

3.) We can’t reproduce the same issue on our installation — please provide a screenshot.

4.) For the widgets, you can install plugins such as Widget Logic to control the visibility of the widgets.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey Munford,
Your buttons are on top of each other due to position: absolute; in this custom css:

.priser .avia-button-wrap {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

Try this instead:

.priser .avia-button-wrap {
    display: block;
    position: relative;
}

Best regards,
Mike

Hi,
Try adding this css:

.html_header_top.html_logo_center .logo img {
    left: 50%;
    transform: translate(-50%, 0);
}

After applying it, clear your browser cache & check.

Best regards,
Mike

Hey gquezada1,
To make the header transparent, choose the Transparent Header option for your page:

Then to make the header not sticky, go to Theme options > Header > Header Behavior > Sticky Header and unchoose:

This is the solution for desktop, transparent headers are not supported for mobile by default, for mobile you will need to follow this thread:

Best regards,
Mike

Hey limedrop,

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

#top .av_header_transparency #header_meta {
  border-bottom: none;
}

Best regards,
Rikard

Hey!

Thank you for the update.

Try to remove the previous css code, then replace it with this css rule.

.html_header_top.html_logo_center .logo {
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}

html_header_top.html_logo_center .logo img, html_header_top.html_logo_center .logo svg {
    margin: 0 auto;
}

Let us know the result.

Regards,
Ismael

Hi,

Thank you for the inquiry.

Are you trying to upload this in Enfold > Import/Export? The name of the top folder in the zip file should be “SVG”. Currently, it’s named “Medical_Icons_SVG”, so the theme can’t recognize it. Please rename the top folder, then archive or zip it again before uploading it to the icon manager.

Please check this documentation for more info: https://kriesi.at/documentation/enfold/svg-icon-sets/

Best regards,
Ismael

Hi,

Thank you for the update.

Adjusting the line spacing of the text doesn’t seem to make a difference on our end, but we’re using a relatively small screen, which might be the reason. If you want to adjust the font size and also limit the height of the mega menu images, try this css code:

#top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text {
    line-height: 10px;
    font-size: 10px;
}

#top #wrap_all .avia_mega_div img {
    height: 64px;
    object-fit: cover;
    width: 100%;
}

Result:

Best regards,
Ismael