Hey bobfurgo,
Thank you for your patience and the link to your site, try adding this script to the end of your functions.php file in Appearance ▸ Editor, it is for the horizontal gallery and counts the slides and adds a class to first and last ones, then hides the next and previous buttons on the first and last slide.

function horizontal_gallery_remove_first_last_slideshow_arrows() { ?>
    <script>
(function($){
  $(window).load(function(){
var lis = $('.av-horizontal-gallery-slider .av-horizontal-gallery-wrap').length;
var hgs = $('.av-horizontal-gallery-slider .av-horizontal-gallery-wrap');
var prev = $('.av-horizontal-gallery .av-horizontal-gallery-prev');
var next = $('.av-horizontal-gallery .av-horizontal-gallery-next');

$('.av-horizontal-gallery-slider .av-horizontal-gallery-wrap').each(function(index){
    if(index<1)$(this).addClass('first');
    if(index>=lis-1)$(this).addClass('last');
})
$('.avia-slideshow-arrows a').click(function(){
if (hgs.is('.first.av-active-gal-item')){
	prev.css({'display' : 'none'});
}else{
	prev.css({'display' : 'block'});
}
if (hgs.is('.last.av-active-gal-item')){
	next.css({'display' : 'none'});
}else{
	next.css({'display' : 'block'});
}
});
	
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'horizontal_gallery_remove_first_last_slideshow_arrows');

If you have any issues with it please check that you are not forcing the jQuery to load in the footer in the theme option Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer or with your caching plugin.

Best regards,
Mike

Hi,
Thank you for sharing your snippet, perhaps others will also find it helpful, 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

Hi,
While it is true that many elements have margin & padding settings, what you are doing doesn’t have that option, for your headshot you are adding is plain image inside the text block element

neither the text block element or the WP plain image have margin or padding settings, but even if they did it would not solve because the margin is coming from the paragraph tag [p] inside the text element, not the text element itself.

For your new question, on the very large screen the color section’s vertical-align: middle is showing, to correct please use this css:

#top.home #av_section_1.avia-section.av-minimum-height .container .content {
    vertical-align: bottom;
}

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

So you have a color section with a background image with a column > text block > p > image that you want aligned to the bottom of your background image. The 3 snippets of css above achieve this, but you said that you may like to use this configuration elsewhere, so I recommend adding custom classes to these elements and the snippets and saving the block as a Template so it will be easier for you in the future.

Please let us know if you need assistance adding the custom classes & adjusting the css, if you do please copy this section to a new test page, because creating a template saves the whole page not just this set of elements, and include an admin login in the Private Content area so we can adjust the custom classes and css to work together, then you can save as a template.

Best regards,
Mike

Hi,
Thank you, for the images with the borders please try this css:

#main .av-magazine-thumbnail {
    border: 0px none;
}

I see other borders between the elements but I believe you want to retain these.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback and your patience, your explanation helped and I tried to modify the script you linked to be I was not fully successful and also felt the Dev Team should be brought into this, so I submitted this to them and will reply back when I hear from them. We are a world wide organization, so while you linked to info about being ADA compliant we will probably want to go with something broader like WCAG, I didn’t find a “trapped” spec in either and wonder if having the menu close once the user tabs out of the menu would also satisfy, can you link to the ADA spec that your accessibility review company is pointing to and if they also have a matching WCAG spec? Thank you.

Best regards,
Mike

Hey smiley789654123,
Thank you for your patience and the link to your site, to change the background color to transparent and change the post date color to white, Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#main .main_color .avia-content-slider .slide-image {
	background: transparent;
}
#main .main_color .avia-content-slider .slide-meta-time {
	color: #fff;
}

but I didn’t see a border color on this element, do you mean a different border color?
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, you are seeing macos because inside the zip file is a directory called macos try extracting the zip file and deleting it and re-ziping with only the necessary files.

Best regards,
Mike

Hi,
Happy to help.

Best regards,
Mike

Hey mikeybabes68,
Thank you for your patience, I tested your checkout on Windows 10 with Chrome and was able to check out with PayPal & cryto & agree to the website terms, please see the screenshot in the Private Content area.
As for your image issue I was not able to login because the username is not registered, but I can see that you are using the parallax effect, so a couple of things are occurring for this effect the image is actually larger than what to see so the bottom frame scrolls over it and because it is set to “full stretch” the background-size is set to cover, meaning the width is what matters, it doesn’t matter the “size” of the image but the aspect based on the “width”.
So for you /the-best-types-of-carabiners-in-2021/ page, your image is 1500px wide which on my desktop is showing correctly, but your image is also 1000px high but your div is only 368px high so it can not show the full hight.
The height of the parallax div is 589px so you will need to adjust the aspect so the portion of the image you want to show fits in the 368px with 221px extra for the parallax effect. It’s basically the same for your homepage, try increasing the width and decreasing the height of your images to fit what you want to show in the “viewable” space.

Best regards,
Mike

Hi,
Thank you for your patience and for the login, it looks like a conflict with your Popup Maker plugin, when I disable it the mega menu option returns:

Best regards,
Mike

Hi,
Thank you for your patience and the link to your single product sample, as I examine it the description side of the page is already full width except for the 50px of padding, so to remove this padding please try this css:

#top.single-product #main > .container_wrap_first.template-shop > .container {
	padding: 0;
}

Please see the screenshot in the Private Content area to show what I’m seeing.

Best regards,
Mike

Hi,
Thank you for your patience and sorry for the late reply, the login didn’t work for me but I did find the cause, at mobile the transform rule is overruled by this css for the parallax effect:

.avia_mobile #top .av-parallax-section {
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);

So please try replacing your css with this:

#main #section-width {
    max-width: 91%;
    left: 50%;
    position: relative;
    transform: translateX(-50%)!important;
}

After applying the css, please clear your browser cache and check.
As for your logo image being blurry, I’m not sure that I’m seeing it, but my eyes are not that great, but below I linked to the current 300×159.png and the original 650×344.png try looking at both in your browser if you do see a difference you have two choices, you can download the original and resize it on your desktop manually preserving the image quantity and upload it to the exact location via FTP or your webhost file manager. This is often better than the WordPress image software for smaller images.
Or you can go to the Enfold Theme Options ▸ Logo and enter the URL to the full size image below and save with the Save all changes button, Not the Upload button. This will then show the new image without modifing it.

Best regards,
Mike

Hi,
Glad we were able to 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

Hi,
Thank you for your patience and glad to hear this worked, I will submit a feature request to the dev team for this, 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

Hi,
I still see that if the child theme is disabled and the Enfold theme is enabled the problem is solved, strange, I will ask the rest of the team if they have any ideas.

Best regards,
Mike