Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 14, 2017 at 4:56 am #820931
    navindesigns

    HI,

    I am trying to figure out the right dimension/setup for a top banner on all my pages

    On this page -http://109.199.127.133/~beaut891/ohsnapselfie.com/packages/ – On mobile it looks perfect but on desktop it is very tall and not wide enough. Is there proper way to address this for desktop and mobile so both looks good?

    Should I be using another element and not fullwidth easy slider for just the static image? Please let me know.

    Thanks

    July 14, 2017 at 7:17 am #820981
    Vinay

    Hey navindesigns,

    The image is scaled proportionately to fit the browser width. You can crop the image to be more towards a rectangle than a square and try it out however a similar effect can also be achieve using CSS (screenshot attached) please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #full_slider_1 .avia-slideshow-inner, .caption_fullwidth {
max-height:300px;
}

    Best regards,
    Vinay

    July 15, 2017 at 5:03 pm #821740
    navindesigns

    Thanks.

    How do I disable/exclude this code JUST on the homepage full width slider? Because now this made the homepage full width slider all wrong.

    Home

    July 16, 2017 at 12:49 pm #821991
    Rikard

    Hi,

    You can specify the height for the home page only using this CSS:

    .home #full_slider_1 .avia-slideshow-inner, .caption_fullwidth {
  max-height:auto;
}

    Best regards,
    Rikard

    July 16, 2017 at 5:18 pm #822097
    navindesigns

    Unfortunately that did not work. the caption over the video is not in the center its too much to to the top of the page

    Home

    July 17, 2017 at 5:58 am #822322
    Rikard

    Hi,

    Did you try adding a set height to it like in the CSS you wanted on the other sliders?

    .home #full_slider_1 .avia-slideshow-inner, .caption_fullwidth {
  max-height:400px;
}

    You might have to adjust the value to achieve the results you are looking for.

    Best regards,
    Rikard

    July 17, 2017 at 3:22 pm #822668
    navindesigns

    I did max height 800px and that works. THANK YOU SO MUCH AS ALWAYS!

    July 17, 2017 at 3:23 pm #822669
    Jordan Shannon

    Hi,

    Great! I’m glad you were able to get this taken care of. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fullwidth Easy Slider Banner Desktop vs Mobile’ is closed to new replies.