slider in full screen mode – Merging the Header/Navigation & Content

  • Hi Fabiorino,

    Thanks for your great plugin

    I am currently using crelly slider and the slider with works utilising (generatepress) ‘Merging the Header/Navigation & Content’addon However, If i am using full screen mode The slider is not working as i was hoping with full screen on. https://eghorticulture.com.au/horticulture/ (note: full screen off works)

    1. The slider appears at top of page and is overlapped (index) by the next section containing the grid images. example screen grab screengrab

    2. ON moblie devices i get a space (screen grab) mobile

    3. These are the setting on crelly slider if that helps. Not sure if the issue is related to start width and start height? I have also tried responsive and fixed same issue? screengrabscreengrab

    Any help would be apprieciated.

    Regards
    Michael

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Fabio Rinaldi

    (@fabiorino)

    Hello, that is what is happening:
    the slider only supports Full Width (not full screen = full width + full height).
    The white block is generated because your theme’s javascript sets the height of the page equals to the height of the screen, so some gap remains between the slider and the bottom of the page.

    Take a look at this screenshot: the slider is full width, but the height is automatically calculated (734px) to maintain the proportions.
    My screen’s height is 950px, and that’s exactly the value that your theme’s javascript sets.
    So you have a gap of 950-734 = 216px, the white space.

    A solution is keeping the page full width, not full height (can you do this from your theme settings?)

    • This reply was modified 7 years, 10 months ago by Fabio Rinaldi.
    Thread Starter mke09

    (@mke09)

    Hi Fabiorino

    Thanks for your detailed explanation – i really appreciate it. I understand that your slider is not full screen but Full width. I am happy with the desktop size (hight). However on mobile portrait the slider is quite small. Can you advise of anyway to perhaps make the width over 100% + so that the slider scales in proportion this will make the height higher/larger? ( this method would obviously crop image width)

    I really love your plugin

    Thanks
    Michael

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    This will set the width to 200%. Sostitute your current shortcode with this code:

    <div stlye="width: 100%; overflow: hidden;">
<div style="position: relative; width: 200%; left: -50%;">
[crellyslider alias="test"]
</div>
</div>

    Remember to change “test” with your actual slider alias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘slider in full screen mode – Merging the Header/Navigation & Content’ is closed to new replies.