Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 23, 2015 at 2:26 pm #523836
    MalcolmDesigns

    Hello

    The top of the standard fullscreen slideshow in Enfold starts at the top of the browser. The problem is its cutting off the top of my clients photos because they are behind the header and they want to see the entire photo in the full screen slideshow.

    The header is approx 175 pixels tall. When i move the slideshow below the header it forces the slideshow down at the bottom of the browser and makes the slideshow scroll and cuts the bottom of the slideshow off.

    I want the slideshow below the bottom of the header (which it is) but not have the bottom of the slideshow cut off or forced to scroll.

    is there a way to do this? is this possible? is that clear?

    Ive had a programmer trying to fix it to work, but its not quite right.

    PLEASE Help!

    Thanks
    Malcolm
    Malcolm Designs

    October 25, 2015 at 7:17 am #524335
    Ismael

    Hi Malcolm!

    Thank you for using Enfold.

    Please use the full screen slider instead of the full width slider to keep the slider above the fold.

    Best regards,
    Ismael

    October 26, 2015 at 1:40 pm #524843
    MalcolmDesigns

    Hello Ismael

    Im already using full screen slider!

    Malcolm

    October 29, 2015 at 1:55 pm #526741
    Andy

    Hi!

    can you provide us admin access, so we can take a closer look please? post login details here as private reply.

    Best regards,
    Andy

    October 29, 2015 at 2:58 pm #526802
    MalcolmDesigns

    Hi Andy

    thanks for the help, I’ve been using Enfold to do a lot of sites.

    can you fix the way when you change the shape of the browser and theres white at bottom and you have to reload the page to get rid of it.

    as i said above, my client wanted to see the top of the photo so i had to put it at the bottom of the header so top of photo wasn’t cut off

    thanks for you help!

    malcolm

    October 31, 2015 at 12:05 am #527771
    Josue

    Hi!

    The photo needs to be increased and cropped in order to fill the whole window (“fullscreen slider”) and -at the same time- maintain the aspect ratio of it, alternatively you can force the image to be shown completely with this CSS, but the natural aspect ratio will be lost:

    .avia-fullscreen-slider .avia-slideshow ul li {
    background-size: 100% 100%;
}

    Best regards,
    Josue

    November 3, 2015 at 6:58 pm #529572
    MalcolmDesigns

    when you change the browser size it shows white at the bottom of the browser and you have to reload the page to get rid of it. the photo does fill the window! if you read the first post you see what I’m trying to eliminate. the top of the photo getting cut off behind the header, so i moved the photo down. not its creating an issue at the bottom.

    Ive not gotten any help from this forum

    November 3, 2015 at 10:08 pm #529632
    Josue

    It’s because of the header height, the fullscreen slider height is calculated with this value on mind (100% window height minus header height), but there’s a code in your style.css that changes this when the screen size is 767px or less:

    .header_color{height:auto !important;}

    So, the header height in desktop is a static 100px and on mobile gets down to 80px. In any case i don’t see why would this be a problem, a typical user doesn’t resize the window like that.

    Cheers!
    Josue

    November 3, 2015 at 10:22 pm #529635
    MalcolmDesigns

    ok, thank you. Ill give it a try!

    thank you
    malcolm

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full Width Slideshow Below Header So Top Of The Photos Arent Cut Off’ is closed to new replies.