Mobile view menu cuts off slider images

On smaller mobile displays, the slider gets cut off. I had seen a previous thread about this posted by Bayernsoftware and tried using the following in my custom css section, to no avail:

.flexslider {
margin-top: 0px;
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider {
margin-top: 0px;
}
}

I have the lastest version of the theme installed.
www.mathpro.ca

Thanks,
Eva

 

Hello Eva,

I think you have done some customization in the theme due to which it lost the layout..

But you can paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flexslider {
margin-top: 40px;
}
@media only screen and (max-width: 767px) and (min-width: 320px){
.flexslider {
margin-top: 120px;
}
} 

I hope this will solve your issue.

 

Thank you!