Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 1, 2020 at 5:40 am #1208716
    notsirhc

    Hi,

    My homepage has a fullscreen slider, and I have two buttons that look OK on the desktop, but on mobile the title is too small and the buttons is to close with the down arrow.

    Is there a solution that will give more space the Button 1 and Button 2 with the arrow? and the title more bigger than before.

    For information, I’ve used this code for the web:

    .slideshow_align_caption {
    vertical-align: bottom;
}

@media only screen and (max-width: 480px) {
.avia-slideshow-button {
    margin-bottom: 40px !important;
}}

.homeoverlay .av-image-caption-overlay-center {
    vertical-align: bottom !important;
    margin-bottom: 10px !important;
    font-size: larger !important;
    line-height: 20px !important;
}

    Thank you.

    May 3, 2020 at 11:23 pm #1209353
    Mike

    Hey notsirhc,
    Sorry for the late reply and thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
	#top.home #fullscreen_slider_1 .slideshow_align_caption {
    vertical-align: middle !important; 
}
#top .scroll-down-link {
    bottom: 80px !important; 
}
}

    Please adjust to suit, after applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    May 4, 2020 at 8:40 am #1209450
    notsirhc

    Hi Mike,

    Thank you, it’s really help!

    May 4, 2020 at 12:18 pm #1209500
    Mike

    Hi,
    Glad to help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

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