Hi,
Thank you for your patience and for the link to your page, I see that you are using the Composite Products extension, I have tried to go through the documentation for the extension as it is not standard or free, and we don’t have assess to it, but besides the documentation I could not find a live example so I’m not sure if the redirect ID #gender or as you wrote: resets to the tab upon loading
can be disabled, as this is what is causing the “page jump”.
This “page jump” is the result of an ID in the URL and is a web standard, this is how all anchor links work, so from the point of adding an ID to a URL and that ID is in the page HTML, “jumping” to the ID is “correct behavior”, this is the ID of the dropdown menu.
But this ID doesn’t “reset” the drop down or any other options on the page, it only acts to “jump” to the option, which would be good if the option was at the bottom of the page and you didn’t want anyone to look at the product details.
You can test this by watching the gender dropdown carefully on page load when the #gender ID is not in the URL, you will see before it is added the dropdown says Choose an option, then try making a choice and remove #gender from the URL and hit [Enter] after reload and before the ID is added once again the dropdown says Choose an option.
So the added ID is doing nothing.
Since this is a paid extension you should ask the woocommerce team how to stop the ID from being added, unless to can see this option in your backend and can disable it.

Best regards,
Mike

Hey Steve,
Thank you for your patience and for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 1300px) and (max-width: 1499px) { 
#menu-item-365:hover > .avia_mega_div.avia_mega3.nine.units,
#menu-item-365 > .avia_mega_div.avia_mega3.nine.units {
	    left: -700px !important;
}
}

@media only screen and (min-width: 1500px) { 
#menu-item-365:hover > .avia_mega_div.avia_mega3.nine.units,
#menu-item-365 > .avia_mega_div.avia_mega3.nine.units {
	    left: -1000px !important;
}
#menu-item-371:hover > .avia_mega_div.avia_mega2.six.units,
#menu-item-371 > .avia_mega_div.avia_mega2.six.units {
	    left: -500px !important;
}
}

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

Best regards,
Mike

Hi,
Thank you for your patience and for the login, but it is not a WordPress Admin login so we can not see the backend of your site, please include.
I see that you have moved your cart to outside of your nav.main_menu I assume you have done this with a script, if this is true then you can ignore the error because /enfold/config-woocommerce/config.php line:2232 is a check that the cart is visible in the correct place, which your is not:


You can test by removing your cart customization and confirm that the error is removed. Either way I do not believe that this leads to issues with any orders.

Best regards,
Mike

Hi,
Thank you for the feedback, when I test 125% scaling on our 2017 Demo with my Windows 10 & Edge I don’t see any issues:

Your site requires a login to see it, please include so I can recreate your error.

Best regards,
Mike

Hi,
Unfortunately the links to your screenshots require a login we don’t have, to add a screenshot please try using a open image hosting service and pasting the image URL in your post.
If your above code post is what you actually added to your functions.php then the " is your error:

Best regards,
Mike

Hi,
Thank you for the link to your site, I’m not sure what you are having problems with on your page, when I check I see the text is white so it doesn’t show easily

but when you open the text block element and use the text tab you will see the text:

If you applied the style via your Quick CSS instead of in-line you would see the text in the back end and on the frontend it would still be white.

Best regards,
Mike

Hey janeshanahan,
Thank you for the link to your site, I see that you are adding html characters to some title fields, we don’t recommend this, I’m sure you noticed the red warning text:

I made the adjustment for you, but please read this for future reference
I recommend using css in your Quick CSS to make changes like this by adding a custom class to the elements you wish to adjust if you are interested we can show you how.

Best regards,
Mike

Hi,
Please try this instead:

#top .main_color .product-remove a.remove {
    background-color: #000;
}

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

Best regards,
Mike

Hi,
Also write if you get no errors :)

Best regards,
Mike

Hi,

@profumopuntoit please take another look at @Guenni007’s “section-link” solution above as it does what you originally asked for:

I thought that a Color section with just a background image could be the solution

and it only has three steps:
1: add the script to your functions.php file.

2: and your background image and a custom class “section-link” to a color section.

3: add a code block section to the color section with the link you wish to use.


quite easy and works great, thank you for sharing @Guenni007

So while we do not have a built-in option right now, this is a good solution you should try, I have submited a feature request to the Dev Team for a full width option in the image element, for their review.

Best regards,
Mike

Hey Carsten,
Thank you for the login, I first noticed that your child theme stylesheet didn’t contain the required header info so I added it for you, I don’t think this was the problem but it would be a problem in the future:

/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0.1
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

Then on your page your last text block had a double open underline tag around the link:

once I corrected I was able to add two more color sections and successfully save:

please check and watch out for unclosed tags and nested open tags as it could cause issues.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey navindesigns,
Thank you for your patience, please try adding the Team Member elements to the Content Slider element via the shortcode and setting the number of columns in the Content Slider to the number of Team Members you would like to see. For example I Enabled the Avia Layout Builder Debugger on my demo site so I could see and copy the Team Member shortcodes:

then I added it to the Content Slider:

I added a total of 9 as an example

then I set the columns to 3

now they show as a slider

Best regards,
Mike

Hey Munford,
Thank you for your patience and for the link to your site, please try adding this css, in my test it works for both of your pages without adding the page IDs, but you can add the page IDs to ensure no conflits with other pages if you wish.

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all .av_one_fourth.el_after_av_one_fourth.el_before_av_one_fourth.flex_column_table_cell:nth-child(5) {
	    clear: left;
}
}

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

Best regards,
Mike

Hi,

@Guenni007 thank you for trying to assist, as I recall you have created several good solutions for the black space on the sides of videos.

@justinteo85 above you have linked to a “preview” of a page which we can not see unless you also provide a admin login, but I would recommend creating a test page and publicly posting it so we can all help you.
As I understand your question, you have a landscape video that doesn’t show well on a portrait mobile device, I would recommend linking to a different portrait video for mobile devices.

Best regards,
Mike