Menu unusable with Slider On for desktop sites

  • When configuring the theme if I access any other page except for the homepage the Menu works on both Desktop machines (Opera/Safari) and iOS devices. however the Home page with the Slider enabled does not allow you to select the menu items when accessing via a desktop machine but works fine with mobile devices. It seems on mobile devices it’s showing a massive gap in-between the slider and the menu which allows it’s use but on desktop there is no gap and the slider zones for selecting left and right extend to the top of the site.

    website is
    [ redundant link removed ]

    Ideally I don’t want to see a gap between the slider and the menu so can the slider directional zone be made smaller?

    • This topic was modified 5 years, 9 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello,

    Please use the below CSS code in custom CSS box – 

    @media (min-width: 1200px){
.carousel {
    height: 700px;
}
#myCarousel .carousel-inner > .item {
    height: 520px;
}
#myCarousel .carousel-inner > .item > img, #myCarousel .carousel-inner > .item > a > img {
    margin-top: 0;
    z-index:-1;
}
.carousel {
    z-index: -1;
	    top: 0 !important;
		    height: 520px;
			    margin-bottom: 0 !important;
}
}

    Let me know if any query.

    Thanks.

Viewing 1 replies (of 1 total)
  • The topic ‘Menu unusable with Slider On for desktop sites’ is closed to new replies.