Minimal Slider and Menu – WordPress like HMTL5

[mdantas]

Hi!

I would like to configure my wordpress Art minimal slider and menu page to perform as it does in the equivalent HMTL5 version of Art, namely:

Be as fast loading and changing images
Click anywhere to change image

Is it possible?

Thanks!

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

You can import the demo data(check how), select the “MinmalSliderMenu” demo to import.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[mdantas]

Hi there,

I have originaly done what you have now suggested, hence the comparison.

Below a link so you can see the differences in behavior.

http://www.marcelodantas.pt

regards,

[SeaTheme]

Hi,
thanks for resonpse

1. Be as fast loading and changing images

Could you give more tips? Did you talk about the page loading speed?

2. Click anywhere to change image

You can enable the “Show Arrow” option(Edit the Slider module) without uploading arrow images. This way, users can click on the left and right parts of the slider to navigate. https://www.dropbox.com/s/1yge5xsxrbw7y8o/WX20230615-222246.png?dl=0

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[mdantas]

Thank you for your reply

What i mean is that in HTML5 template (as seen in the link below) images change by touching anywhere on the screen (computer), and do so quite fast.

https://html5.seatheme.net/art/home-minimal-slider.html

Importing the same template for WordPress did not replicate this behaviour. How can i absolutely replicate it?

Regards

[SeaTheme]

Thanks for the response, Do you mean remove the animation transition?

Please edit the Slider module, set “Fadein” for slider animation
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

 .owl-carousel .fadeIn,
.owl-carousel .fadeOut{
  -webkit-animation-duration: 1ms;   animation-duration: 1ms;
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[mdantas]

Thank you. It now works better.

There is another issue i would like to understand how to solve.

As each image changes, there is a strange zoom/adjust on its size. Why is that happening and how can i eliminate this?

Thank you

Marcelo

[SeaTheme]

Hi, you are welcome.

Please try to edit the Slider module, set “Slider Animation” as “Slide”. The zoom transition should be removed.

If it does not work, Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

.slider-style1 .active .item { 
    transition: none;
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts