Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 17, 2016 at 8:53 am #633555
    nicolasweh

    Hi, I have this portfolio http://rvarq.com/virtual-reality/ where each portfolio item consists of a grid row with a code block into it, Example: http://rvarq.com/portfolio-item/vr-annaba/
    The thing is that I would like to have the height of the Panorama adapted to the height of each screen, so I thouth could be something like this:
    [pano file=”http://rvarq.com/wp-content/…./VR-FORMENTOR.html” width=”100%” height=”100%”]
    But when I paste that code the result is a height of nothing more than 200 px, then I need to specify in this case an exact height of 700px.
    Would it be possible to have some Magical Quick CSS Code :) that allows to Enfold tell that I want that panorama height varies based on the size of the screen? Always placing against the bottom margin the footer?
    By the way, I tried with a Color Section, but I found it impossible to use the full width of the screen

    May 18, 2016 at 10:29 am #634280
    Josue

    Hey,

    Can you create one using Color Section? i guess the 100% height works there.

    Best regards,
    Josue

    May 18, 2016 at 10:51 am #634290
    nicolasweh

    Hi Josue, no, not working.
    Yesterday last line: “By the way, I tried with a Color Section, but I found it impossible to use the full width of the screen”
    There’s also this reply to the same suggestion:
    https://kriesi.at/support/topic/panopress-full-width/

    May 18, 2016 at 10:55 am #634293
    Josue

    Yeah but what about the height? does it go 100%?

    May 18, 2016 at 11:30 am #634316
    nicolasweh

    Maybe, look: http://rvarq.com/portfolio-item/zzz/
    If you find a way to use the full width of the screen will be great and I’ll change my Panorama Portfolio to Color Section elements.

    May 19, 2016 at 8:58 am #635051
    Ismael

    Hi,

    Edit the color section then add a unique Section ID to it. Use “custom-section” for example then add this in the Quick CSS field:

    #custom-section 
.container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

    The section’s container should be full width after that.

    Best regards,
    Ismael

    May 19, 2016 at 5:55 pm #635369
    nicolasweh

    Hi Ismael, yes, that add a full width screen Panorama, but look what happend with the height:
    http://rvarq.com/portfolio-item/zzz/
    And this is the content of the Code Block [pano file=”http://rvarq.com/wp-content/…./VR-FORMENTOR.html” width=”100%” height=”100%”]
    The result will be exactly to the Grid Row in http://rvarq.com/portfolio-item/vr-annaba/ if I paste the same Code, as is now:
    [pano file=”http://rvarq.com/wp-content/…./VR-FORMENTOR.html” width=”100%” height=”700px”]
    But that workaround does not solve the lack of responsive height size.
    Thanks for your help. I hope you can find a solution.

    • This reply was modified 7 years, 11 months ago by nicolasweh.
    May 21, 2016 at 4:40 am #636124
    Ismael

    Hi,

    You forgot to set the “Section Minimum Height” settings of the color section to 100%.

    Best regards,
    Ismael

    May 21, 2016 at 8:42 am #636163
    nicolasweh

    No Isma, not works. Take a look now: http://rvarq.com/portfolio-item/zzz/
    It is “At least 100% of Browser Window Height“

    May 24, 2016 at 3:57 am #637217
    Ismael

    Hi,

    I see. Please try this in the Quick CSS field:

    #top #main #custom-section .template-page {
    height: 100%;
    display: block;
}

    If it doesn’t work, please contact the plugin author, maybe he has any other idea.

    Best regards,
    Ismael

    May 24, 2016 at 8:30 am #637302
    nicolasweh

    It was no lucky Isma, thanks anyway for give it a try :)

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Grid Row Maximum height 100%’ is closed to new replies.