Hi Rikard,

I was puzzled by your comment about the third slider, so I did a bit of digging. See if any of this makes sense to you.

First, there have never been more than two sliders on the home page, at least from the standpoint of the advanced layout editor where I do all my website building. After getting your email, I went to the editor and there were still only two sliders, the desktop with the mobile below as could be seen on the home page.

Going under the assumption you were seeing something I wasn’t seeing, I thought to use the browser to inspect the page. There I saw that there were actually three sliders listed, ids 1, 8 and 2. 1 and 8 seem to both refer to the desktop, which is on top, and 2 refers to the lower mobile one.

As a test, I deleted both sliders, and then inspected the page again and there were no sliders listed. I then put two sliders back and upon inspection 1, 8 and 2 had all returned. Checking the other pages that only have one slider each, when you inspect the page there are two sliders, a 1 and then then another number associated with the slider as with the home page slider 8.

Digging further, I see on the layerslider page that the slider desktop id is 8 and the mobile id is listed as 3, although I can’t see that the 3 is showing up when I use the browser to inspect the page.

I don’t really have a clue as to what’s going on, but I thought this info might help you troubleshoot the situation.

Thanks, P

• This reply was modified 7 years, 10 months ago by Persepolis.

Hey Rikard,

Thanks for the CSS, but when I plugged it in on the general styling page, both sliders show up on the desktop version as well as on the mobile version. I flushed the cache in both cases.

Then as an additional test, I switched back to the CSS snippet I mentioned in my first contact, as seen below, and while the two sliders show up on desktop, only the mobile version is showing on mobile. Thought I would also mention that I have the mobile menu activated for both smartphones and tablets, and just to check, I plugged in 990px for the max and 991px for the min, using the code you supplied, and still had the same results as at 767px and 768px.

@media only screen and (max-width: 990px) {
div#layer_slider_1 { display: none; }}

Do you have any further suggestions?

Thanks, P

Hi there,

The plugins were my first guess before contacting you, but just to be sure, I just deactivated all of them again, and it still made no difference with the navigation for the Content Sliders when used on my phone. Any other thoughts?

Thanks,
Jon