-
AuthorPosts
-
May 17, 2016 at 8:53 am #633555
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 screenMay 18, 2016 at 10:29 am #634280Hey,
Can you create one using Color Section? i guess the 100% height works there.
Best regards,
JosueMay 18, 2016 at 10:51 am #634290Hi 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 #634293Yeah but what about the height? does it go 100%?
May 18, 2016 at 11:30 am #634316Maybe, 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 #635051Hi,
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,
IsmaelMay 19, 2016 at 5:55 pm #635369Hi 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 8 years, 7 months ago by nicolasweh.
May 21, 2016 at 4:40 am #636124Hi,
You forgot to set the “Section Minimum Height” settings of the color section to 100%.
Best regards,
IsmaelMay 21, 2016 at 8:42 am #636163No 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 #637217Hi,
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,
IsmaelMay 24, 2016 at 8:30 am #637302It was no lucky Isma, thanks anyway for give it a try :)
-
AuthorPosts
- The topic ‘Grid Row Maximum height 100%’ is closed to new replies.