You don't need custom CSS to make columns full height. When you add a height to the section, you get a new setting for that section: Column Position. You can set it to top, bottom, center or stretch. Stretch will make the columns full height. ;)
Hi Imran, I am searching for a way to show subpages in the full-screen pop-up for mobile as well. The subpages with navbar looks terrible when you set that to vertical. Do you maybe have a solution for this?
Havnt you forgotten some code? I tried to do this using the flex containers which didn't provide any slide up/down animation. Then I tried using the standard section/column with the same result, no animation. Using a basic EP install and no other plugins and only the hello theme. Very strange me think 🙂
Did you add the code for the column to be full height? div {height: 100vh;} No code required for the entrance animation. Make sure you’re using the motion effects for the columns.
Hi - great video :) But I have some issue - I add 3 columns - and just column in the middle is showing automatically . 2 columns on side just are showing while I am scrolling down the page .... What can be the issue?
@@websquadron Hi again I fixed the issue ... but now I can not edit anything on the page - from the time the menu pop up is working... The containers are huge and buttons are not active ...
Ok, but when you click and you have an anchor menu, it doesn't close automatically, so each time you have to click X to close the menu when you have a link like "#websection1", it will scroll to this section, but after clicking it, will not close the popup. That's what makes this method basically useless on landing pages, where the link is a menu anchor...
You don't need custom CSS to make columns full height. When you add a height to the section, you get a new setting for that section: Column Position. You can set it to top, bottom, center or stretch. Stretch will make the columns full height. ;)
Nice one :)
Helpful video.. Thank you so much
Most welcome 😊
Hi, Imran great video, thanks for uploading!
What if I want the reverse slide animation on popup exit. Do have any Idea?
Let me check
Hi Imran, I am searching for a way to show subpages in the full-screen pop-up for mobile as well. The subpages with navbar looks terrible when you set that to vertical. Do you maybe have a solution for this?
You could build it with individual buttons and an accordion or toggle to show it how you want
Havnt you forgotten some code? I tried to do this using the flex containers which didn't provide any slide up/down animation. Then I tried using the standard section/column with the same result, no animation. Using a basic EP install and no other plugins and only the hello theme. Very strange me think 🙂
Did you add the code for the column to be full height?
div {height: 100vh;}
No code required for the entrance animation. Make sure you’re using the motion effects for the columns.
@@websquadron Found the error. Workds with both containers and sections. I set the animation to slow 🙂
@@websquadron Dont need the code, but tried it too. If I choose fast or slow for the animation it works. Normal doesnt :?
@@rebelinc That is strange
Hi - great video :) But I have some issue - I add 3 columns - and just column in the middle is showing automatically . 2 columns on side just are showing while I am scrolling down the page .... What can be the issue?
Do the columns have contents or are they empty?
@@websquadron Hi again I fixed the issue ... but now I can not edit anything on the page - from the time the menu pop up is working... The containers are huge and buttons are not active ...
how did you center the menu vertical
You can use the style setting or the column horizontal position
Ok, but when you click and you have an anchor menu, it doesn't close automatically, so each time you have to click X to close the menu when you have a link like "#websection1", it will scroll to this section, but after clicking it, will not close the popup.
That's what makes this method basically useless on landing pages, where the link is a menu anchor...
See the tutorial that I released yesterday that full answers that
Say are you not working with Containers? You are confusing me.
No - not yet as the final version is not out. I think it’s risky until Flex moves to beta or final.