Hi,

What happens when you add this css?

#top .av-video-slide, #top .av-video-slide .avia-slide-wrap {
    pointer-events: none;
}

Best regards,
Ismael

Hi,

Glad it’s working! For the breadcrumb, try to add this code in the functions.php file:

function avia_breadcrumbs_trail_mod($trail)
{
    if ( is_product() || is_product_category() ) {
        $trail[1] = '<a href="https://shop.akhurst.com/" title="Product Page" rel="">Home</a>';
    }
    return $trail;
}
add_filter('avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 1);

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

Hi,

To adjust the vertical alignment of the submenu in the top bar, please add this css code:

#header_meta .sub_menu {
    top: 15px;
}

Best regards,
Ismael

Hi,
Please note that your screenshot is for Enfold settings, the error is from The Events Calendar as posted above this is a known The Events Calendar on WP Engine according the thread.

Best regards,
Mike

Hi,

Thank you for the update. You can add this css code to move the categories to the next line:

#top.single-product .main_color .product_meta span.sku_wrapper {
    clear: both;
    display: block;
}

Best regards,
Ismael

Hey Michael F,

Thank you for the inquiry.

This thread might help: https://kriesi.at/support/topic/email-protection-with-enfold/

Best regards,
Ismael

Hi,

Yes, that should be possible. Please include this css code:

#top .phone-info .avia-button .avia_iconbox_title {
    font-size: 12px;
}

Best regards,
Ismael

Hey jobalzer,
The space is the “main” top padding, try also using this css:

main.template-page.content {
	padding-top: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
This is a tribe entry, see the full error line:

I would not recommend disabling any autoload options, see this thread from the Dev Team: https://kriesi.at/support/topic/thousands-of-rows-in-wp_options-with-autoload-yes/#post-966662

Best regards,
Mike

Hey Pflegehilfe24,

See your last post https://kriesi.at/support/topic/using-custom-loop-index-php-template-with-alb/

I think this should answer it. If not, let us know.

Best regards,
Günter

Hi,

Thank you for the info.

You will need to switch to the Advanced Layout Builder to use the Product Grid element on the product page, or use the element’s shortcode in one of the template hooks.

Example:

add_action( 'woocommerce_after_single_product_tabs', 'av_woocommerce_after_single_product_tabs_mod', 100 );

function av_woocommerce_after_single_product_tabs_mod() {
    echo do_shortcode("[av_productgrid select_type='' categories='' link='' term_rel='' wc_prod_visible='' wc_prod_hidden='' wc_prod_featured='' wc_prod_sale='' wc_prod_additional_filter='' sort='dropdown' prod_order='' offset='0' page_element_filter='' columns='3' image_size='shop_catalog' items='9' paginate='yes' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' element_template='' one_element_template='' show_locked_options_fakeArg='' av_uid='' sc_version='1.0']
");
}

For this type of modification, we recommend hiring a freelance developer or contact Codeable.

— https://kriesi.at/contact/customization

Best regards,
Ismael

Hey wesdorman,

Thank you for the inquiry.

There might be a slight difference between the desktop and mobile views due to their aspect ratios, especially with the background image. For the font size, make sure to define a specific size for smaller screens. We tried logging into the site, but it’s asking for .htaccess authentication. Please provide the login info in the private field.

Best regards,
Ismael

Hi,
I’m not familiar with KILLED QUERY errors, and I don’t see these on my test site, but in the interest of trying to help, I researched this and note that your errors above are pointing to “tribe” which is The Events Calendar plugin, so I assume that you are using the magazine element to display The Events Calendar posts.
I find that:

WordPress plugins like The Events Calendar or Search & Filter, KILLED QUERY errors often occur when querying large numbers of events or custom posts, leading to very long query strings. KILLED QUERY errors typically occur when a server kills a query due to it being too long or resource-intensive.

So I don’t believe that this is due to the magazine or post slider elements, but the long query strings of the The Events Calendar.
In this The Events Calendar thread: https://theeventscalendar.com/support/forums/topic/getting-killed-query-errors/
The Events Calendar team recommends ignoring these warnings and specifically says this occurs on WP Engine, that you said you are using.
I don’t use WP Engine nor have a lot of tribe posts, which is probably why I can’t reproduce, but since this is a known issue it makes sense.
Hopefully this points you in the right direction.

Best regards,
Mike

Hi,
I understand that you don’t understand what we are trying to explain, so for this page: https://photomagx.com/travel-photography/photo-magazine-extras-top-hotels-photography-spots-2018/ try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia_textblock a strong {
  color: blue !important;
}

After applying the css, please clear your browser cache and check.
It should work on other pages, but if you find one that it doesn’t work on, link to it and we will provide another css snippet.

Best regards,
Mike

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

.home .flex_column.av-qr1eee-be79778a5ca7a248c4cd5f4274b9b47d {
    padding: 0;
}
@media only screen and (min-width: 768px) { 
	    .responsive #top .main_color .tabcontainer .active_tab {
        background-color: var(--enfold-main-color-secondary);
        color: var(--enfold-main-color-constant-font);
    }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Kelly,
I believe this is because the sub-menu link “About Us” has a link to your homepage/#top:

Try correcting this link.

Best regards,
Mike

Hey ConnyQ,
To disable the topbar use the theme setting option at Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text and disable.
To have the menu above the LayerSlider link in the demo use the transparent header at Enfold Theme Options ▸ Header ▸ Transparency Options
If you have other questions we may need to see your site with a admin login to assist with your specific settings.

Best regards,
Mike