Slider not interactive on mobile

Hi @dennisjongeling

The problem is related to that you have the slider published into an custom header element that has absolute position:
https://www.w3schools.com/css/css_positioning.asp
and your site branding overlaps it. So when you try to interact with the slider, you actually interact with the site branding element instead.

If you would like the slider to appear at the top of your site, then I would rather suggest publishing the slider directly into your theme with PHP code as you see here:
https://smartslider3.helpscoutdocs.com/article/150-publish-on-wordpress#php
Probably into the header.php file, right after the <header> tag:
<header id="masthead" class="site-header" role="banner">
and that will fix the problem.

Best regards,
Laszlo.

Hi!

Currently your menu is in fixed position and so it will stay over the place.
I checked the structure of Twenty Seventeen, and for the results you are looking for, placing the PHP code into this file is probably more suitable:

• wp-content/themes/twentyseventeen/template-parts/header/header-image.php

so you should replace this part:

		<div class="custom-header-media">
			<?php the_custom_header_markup(); ?>
		</div>

with our PHP code, e.g.:
<?php echo do_shortcode('[smartslider3 slider=4]'); ?>
where 4 is the ID of your slider.
In this way your menu will stay absolute positioned and will appear below your slider.

Note:
If you don’t see the slider showing up, please make sure you have this template part called in under your <header> like the default Twenty Seventeen theme does.
e.g.:

	<header id="masthead" class="site-header" role="banner">

		<?php get_template_part( 'template-parts/header/header', 'image' ); ?>

• This reply was modified 6 years, 2 months ago by Laszlo.