Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 15, 2020 at 2:43 am #1245901
    top1projects

    Hello,
    im using your construction theme, and at the home page there is a slider.
    There are two problems with it in mobile:

    1. in mobile the arrows are too large and take up image space – how do i make them smaller or make them disappear?
    2. The hight of the Images is too small and i want the slider to be bigger only in mobile. – how can i do it?

    Thank you!

    September 15, 2020 at 7:06 am #1245941
    Jordan Shannon

    Hey top1projects,

    Add this to quick css to hide the arrows:

    @media only screen and (max-width: 767px){
.avia-slideshow-arrows.avia-slideshow-controls{
display:none!important;
}}

    As for #2, Can you screenshot the issue as it doesn’t look broken on my end.

    Best regards,
    Jordan Shannon

    September 15, 2020 at 10:35 am #1245977
    top1projects

    Works great thank you!!!

    about the size of the slide at mobile phone-
    i cant send a screenshot here, but please go to my website from your mobile device and you will see what im talking about.
    the slider needs to be highher (take more space at the home page, only in mobile)

    September 21, 2020 at 3:44 am #1247227
    Ismael

    Hi,

    Thank you for the update.

    Did you add this css code?

    .home #full_slider_1 .avia-slideshow-inner, .home #full_slider_1 .avia-slideshow-inner li {
	height: 370px !important;
}

.home #full_slider_1 .avia-slideshow-inner img {
	width: auto;
	max-width: none;
	height: 370px;
}

    This code adjusts the height of the slider on mobile view. We could also use the Full Screen slider in place of the current slider, or have it display only mobile view. The device visibility of the sliders can be toggled in the elements’ Screen Options tab.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.