Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 27, 2017 at 11:59 am #830590
    Dave

    Hi Team,
    I have put a slider on page, and found out it does not fit well on small screen.
    I got few questions after press F12 and have check the styling:

    @media only screen and (max-width: 767px)
    enfold-child/style.css?ver=4.1:120
    .avia-slideshow-inner {
    padding: 150px 0;
    min-height: 200px !important;} ————————-> THIS CREATE A SPACE UNDER SLIDER(I can not fix it)
    #full_slider_1 {padding: 50px 0 !important;} ————>WHY SHOULD WE NEED PADDING HERE?
    }

    @media only screen and (max-width: 767px)
    enfold/css/shortcodes.css?ver=4.1:3776(not even found it… )
    .responsive #top .avia-slideshow-controls a {
    display: none; ———————->WHY WE CAN NOT DISPLAY IT?
    }

    Regards

    July 27, 2017 at 4:15 pm #830711
    Jordan Shannon

    Hey longlife0428,

    Please provide a link to the site so we can look into this issue further.

    Best regards,
    Jordan Shannon

    July 28, 2017 at 4:41 am #830879
    Dave

    Hey Jordan,

    Refer to this:
    Link

    Regards

    July 28, 2017 at 3:56 pm #831101
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px) {
#full_slider_1 .avia-slideshow-inner, .caption_fullwidth, #full_slider_1 img{
height: 300px !important;
width: 900px !important;
right: 275px;
}
}

    Best regards,
    Jordan Shannon

    July 31, 2017 at 5:08 am #831951
    Dave

    Hi Jordan,

    Thanks for your feedback.

    Re-code Base on your styling as following fix:

    @media only screen and (max-width: 767px) {
	#full_slider_1 .avia-slideshow-inner, .caption_fullwidth, #full_slider_1 img{
	height: 300px !important;
	width: 800px !important;
	}
	#full_slider_1 {
   	 padding: 0px !important;
	}
	.responsive #top .avia-slideshow-controls a {
	    display: block;
	}
	.responsive #top .avia-slideshow-dots a {
		display: inline-block;
	}
}

    Looking good now thanks

    Regards

    July 31, 2017 at 3:57 pm #832199
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullwidth Easy Slider does not fit well on mobile device and controls has gone’ is closed to new replies.