Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2014 at 7:34 am #225358
    oliviad

    Hi,

    Fullwidth easy slider is not looking good on iphone, caption is cut and image’s proportion is not really good. Any tip to adjust the look of it ? (and caption above all)
    Thanks

    February 18, 2014 at 3:35 pm #225516
    Ismael

    Hey oliviad!

    Please give us a link to the actual website. You can use media queries to adjust the size of the caption on smaller screen sizes. 

    @media only screen and (max-width: 767px) {
.avia-caption-content {
font-size: 11px;
}

.avia-caption-title {
font-size: 14px;
line-height: 14px;
}
}

    Best regards,
    Ismael

    April 26, 2017 at 4:40 pm #783598
    Hoang Truong

    Hi there,

    I have searched all day about my issue on full width slider, so would like to get a help from you.

    In mobile looking, the caption is still in the middle of the sldier (middle vertically) so there is no space for the two button to appear. (in the desktop looking, it’s very beautiful with the position of middle vertically).

    So, how can I make the caption up to top of the slider so my button can appear?

    Thank you very much for your help,
    Hoang

    April 27, 2017 at 6:24 am #783804
    Rikard

    Hi Hoang,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 30, 2017 at 7:12 pm #785364
    Hoang Truong

    Hi Ricard,

    Please see this by mobile and you will not see the buttons because the letters stay in the middle of the sliders and not in the top of sldiers. (I see in the demo this can be done)

    How to choose the best Mekong cruise

    Thanks,
    Hoang

    May 2, 2017 at 5:52 am #786134
    Ismael

    Hi,

    Thank you for the update.

    Please add this code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
  	/* Add your Mobile Styles here */
	.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
	    padding-top: 10px;
	}
}

    Best regards,
    Ismael

    May 2, 2017 at 5:09 pm #786551
    Hoang Truong

    Thanks Ismael. It works well now. Thank you very much for your help. Hoang

    May 2, 2017 at 6:39 pm #786627
    Andy

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fullwidth easy slider responsive caption?’ is closed to new replies.