Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 9, 2023 at 9:54 am #1397279
    Alexandra_Schdrbr

    I have several Websites using enfold (all are updated on the current version). On our new installations the top slider I can chose is called Slide-Show (full width) and in another installation it is called easy-slider (full-width). The page where it is called Easy-Slider does not show the slider correctly on mobile versions (top of the slider is hidden by the menu. On the pages using slide-show everything is shown correctly. So how can I get the slide-show instead of the easy-slider to make this work?

    February 9, 2023 at 7:11 pm #1397341
    Rikard

    Hey Alexandra,

    Could you post a link to where we can see the problem you are having please?

    Best regards,
    Rikard

    February 9, 2023 at 8:07 pm #1397353
    Alexandra_Schdrbr

    Heraldik

    February 10, 2023 at 7:09 am #1397390
    Ismael

    Hi,

    We cannot find any slideshows in the page above. Where did you add the slider? Would you mind providing a screenshot? Please use imgur, savvyify or dropbox. Thank you.

    Best regards,
    Ismael

    February 10, 2023 at 8:02 am #1397394
    Alexandra_Schdrbr
    This reply has been marked as private.
    February 10, 2023 at 8:46 am #1397403
    Ismael

    Hi,

    Thank you for the update.

    Looks like the header has been modified and made sticky or fixed on mobile view, which is the reason why the slider is not displaying as it should. To fix this, you have to add a padding or space above the main container using the css code below.

    @media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	.responsive #top #main {
		padding-top: 189px !important;
		margin: 0;
	}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.