Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 17, 2025 at 10:20 am #1475281
    schweg33

    I have on this page in addition to the layerslider
    a narrow Revolution Slider (not on Home)
    link below
    Example link below

    Is it possible to hide the small slider mobile via css?

    thanks in advance
    Kind regards
    Franz

    https://img.savvyify.com/

    January 17, 2025 at 5:31 pm #1475305
    Mike

    Hey schweg33,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
	.page-id-3861 #revolutionslider_1 {
		display: none;
	}
}

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

    Best regards,
    Mike

    January 18, 2025 at 6:29 am #1475330
    schweg33

    Hello Mike
    that fits so well
    What do I have to specify the slider mobile displayed on any page
    is

    thanks in advance
    kind regards

    Franz

    January 18, 2025 at 1:17 pm #1475337
    Mike

    Hi,
    Sorry, I don’t understand, please explain further.

    Best regards,
    Mike

    January 18, 2025 at 1:28 pm #1475338
    schweg33

    Sorry, I mean the following
    Now the slider is only not displayed on page-id-3861.

    I want this slider not to be displayed anywhere on the mobile view.

    Do I have to specify each page separately.

    Best regards
    Franz

    January 18, 2025 at 1:34 pm #1475339
    Mike

    Hi,
    You can remove the page ID for your whole site.

    Best regards,
    Mike

    January 18, 2025 at 2:24 pm #1475344
    schweg33

    thanks for your answer
    I don’t quite understand how I should specify two pages

    @media only screen and (max-width: 767px) {
    .page-id-3861 #revolutionslider_1 {
    .page-ide-3489 <<Add this page
    display: none;
    }
    }

    January 18, 2025 at 2:39 pm #1475346
    Mike

    Hi,
    To hide it on all pages try this instead:

    @media only screen and (max-width: 767px) { 
	#revolutionslider_1 {
		display: none;
	}
}

    or for certain pages:

    @media only screen and (max-width: 767px) { 
	.page-id-3861 #revolutionslider_1,
        .page-ide-3489 #revolutionslider_1 {
		display: none;
	}
}

    Best regards,
    Mike

    January 18, 2025 at 3:50 pm #1475350
    schweg33

    Many thanks Mike
    Super
    So I have several options
    you can close this ticket
    Kind regards
    Franz

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘hide the small slider on mobile’ is closed to new replies.