slider behind the menu on some screen sizes (electronics theme)

Hello,

I have based my site (www.entrepotdelafete.com) on the Electronics Demo style that I have modified quite a lot.
But my client has noticed that on macs on safari, the slider on the homepage is behind the category menu, it is also the case for iPad Pros (resolution 1112×834) it seems to appear on screen width inferior to 1216 pixels for safari and 1200 for chrome, I don’t know why it is different…

I thought it was because of one of the changes I made (I am not using revolution slider, but the woodmart slider, lighter and easier to update for my client).
BUT I just checked and on your demo site it has the same “problem” on the electronics version (it doesn’t have this problem on the fashion demo, which is similar to electronics…).

Would you advise on a change I could make (probably to the CSS) to avoid the slider going behind the menu for screens between 1024 (the menu disappears under 1024) and about 1200 px ?

Hi,

Try to edit your WPBakery column that contains slider and add this CSS class to it custom-slider-width. Then, put the following snippet to the custom CSS area

@media(max-width: 1200px) and (min-width: 1024px) {

.vc_row .custom-slider-width {
	margin-left: 270px;
	width: calc(100% - 270px);
}
}

Regards

It works just like I wanted !

Thanks again for your fast and always efficient support.
Maybe you should modify your Electronics Demo to have this class too… it is after all the screen size of iPad pros apparently, so not so uncommon.

If I have another woocommerce project in the near future, I will for sure use your template again, so much potential, great support and frequent updates.

Congrats and thanks again

Great, you are welcome.

[Author]

Posts