Hi,
Portrait and landscape mobile widths for a background image would be very different, so you will deed to use different images, to know the widths for your images test your device with this tool: screen resolution, you may need to reload for portrait and landscape.
Then model this css:

@media only screen and (max-width: 767px) and (orientation: portrait) { 
    #top .av-siteloader-wrap {
    background-repeat: no-repeat;
    background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
    background-position: 50% 100%;
    background-attachment: scroll;
    background-size: cover;
}
}
@media only screen and (max-width: 767px) and (orientation: landscape) { 
    #top .av-siteloader-wrap {
    background-repeat: no-repeat;
    background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
    background-position: 50% 100%;
    background-attachment: scroll;
    background-size: cover;
}
}
@media only screen and (min-width: 768px) { 
    #top .av-siteloader-wrap {
    background-repeat: no-repeat;
    background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
    background-position: 50% 100%;
    background-attachment: scroll;
    background-size: cover;
}
}

Note the first rule: (max-width: 767px) and (orientation: portrait) is for portrait mobile.
The second rule: (max-width: 767px) and (orientation: landscape) is for landscape mobile.
The last rule is the same as the last rule before and is for portrait and landscape tablet / desktop.

Best regards,
Mike

Hi,
Glad to hear, I tested for the “white strip” on Windows in Chrome, Firefox, & Edge but didn’t see it, what browser and OS are you using?
Can you make a screencast of 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,
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,
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,
Instead of the above code at line 1059 in postslider.php add this code:

protected function slide_navigation_dots()
{
    $args = array(
                'total_entries'		=> $this->atts['items'],
                'container_entries'	=> $this->atts['columns'],
                'context'			=> get_class(),
                'params'			=> $this->atts
            );

    return aviaFrontTemplates::slide_navigation_dots( $args );
}

in the backend Post Slider ▸ Content ▸ Filters ▸ Entry Number you will need to choose the number of entries, such as 6 in this example:

I have submitted a feature request for the Dev Team to review this for a solution to allow the “All” option in Entry Number to work.

Best regards,
Mike

Hi,
Glad Yigit was 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

Hey Fberguno,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.avia-slideshow-arrows.avia-slideshow-controls {
	display: none;
}

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

Best regards,
Mike

Hey markus-fischer,
Thanks for the screenshot and the link, 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: 768px) and (max-width: 1117px) { 
#top.home #av_section_2 .avia-builder-el-22 {
    bottom: 0px;
    position: absolute;
    right: 0;
}
}

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

Best regards,
Mike

Hi,
For v4.8.9.1 please follow these steps, ensure your child theme includes this function in your functions.php to override the shortcode elements:

function avia_include_shortcode_template( $paths )
{
	if( ! is_array( $paths ) )
	{
		$paths = array();
	}
	
	$template_url = get_stylesheet_directory();
	array_unshift( $paths, $template_url . '/shortcodes/' );

	return $paths;
}

add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );

Then copy the parent theme postslider directory to your child theme /shortcodes/ directory, so the full directory path will be:
/wp-content/themes/enfold-child/shortcodes/postslider/postslider.php
Then on line 1059 in postslider.php add this code:

protected function slide_navigation_dots()
{
	$html   = '';
	$html  .= "<div class='avia-slideshow-dots avia-slideshow-controls'>";
	$active = 'active';

	$entry_count = $this->atts['items'];
	$slidenumber = $entry_count / (int) $this->atts['columns'];
	$slidenumber = $entry_count % (int) $this->atts['columns'] ? ( (int) $slidenumber + 1)  : (int) $slidenumber;

	for( $i = 1; $i <= $slidenumber; $i++ )
	{
		$html .= "<a href='#{$i}' class='goto-slide {$active}' >{$i}</a>";
		$active = '';
	}

	$html .= '</div>';

	return $html;
}

then on line 1014 replace $output .= $this->slide_navigation_arrows(); with
$output .= $this->slide_navigation_dots(); //$output .= $this->slide_navigation_arrows();

then add this css to your Quick CSS:

#top .avia-content-slider {
    overflow: visible;
}
#top .avia-content-slider .avia-slideshow-controls {
    bottom: -30px;
}
.avia-slideshow-dots a.active, .avia-slideshow-dots a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: #000;
}

This was the results:

Best regards,
Mike

Hi,
So you mean that the semrush report says the URLs are appended with ?s= not that they actually show this in the browser address bar when you check?

Best regards,
Mike

Hi,
You can add two rules, so remove the one above and add this instead:

@media only screen and (max-width: 767px) { 
    #top .av-siteloader-wrap {
    background-repeat: no-repeat;
    background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
    background-position: 50% 100%;
    background-attachment: scroll;
    background-size: cover;
}
}
@media only screen and (min-width: 768px) { 
    #top .av-siteloader-wrap {
        background-repeat: no-repeat;
        background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
        background-position: 50% 100%;
        background-attachment: scroll;
        background-size: cover;
    }
}

then change the first image for mobile and the second for desktop, which means to use different images.
After applying the css, please clear your browser cache and check.

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, to follow the steps of adding a child theme and importing the parent theme settings, it should take no more than 5 minutes.
Please note that once your child theme is installed and activated and you followed Step 4: Import parent theme options in our documentation.
After this step save the theme settings (big blue button), reload the frontend, if it doesn’t look like your parent theme did then go to the theme settings again (not the back button) sometimes the big blue button will be blue again, so click it again to save again and check the frontend again and this time it should be correct.

Best regards,
Mike

Hi,
I’ll try to catch up where you are in this thread, I see you two custom ID’s named “mf-footer-mail” and “mf-footer-linkedin”

and I see that you have this css in your stylesheet:

@media only screen and (max-width: 767px) {
  #top #wrap_all #mf-footer-mail, #top #wrap_all #mf-footer-linkedin {
    width: 49%;
    float: left;
    margin-left: 1%;
  }
}

and this seems to be working correctly on every page that I check, so is there anything more to help with this?

Best regards,
Mike