First of all, I'm using product lading page (full screen). Now I'm trying to hide some rows wich I made for mobile phones and tablets. I tried to use this solution: https://themenectar.ticksy.com/article/9164 and I tried with some CSS using the extra classes and row ID's.
When I use two mentioned solutions elements in rows are hidden, but there is still black page appearing without elements and dot navigation of hidden rows on the right side.
Can you give me some idea how can I resolve this problem? Your theme is perfect but this is a big problem. Because users need to have solution for mobiles.
Hello! unfortunately this solution does not work for me because i need to have a different video background on Mobile than the one on Desktop. So I need two different "outer rows" to this purpose. The "inner rows" method works if you use the same Video Background on both versions, but it's not my case.
Being this the case, when i have two different "outer rows", even if use Extra Class method (vc_hidden_lg vc_hidden_md vc_hidden_sm vc_hidden_xs), or when i use the "Hide on Device" method in the "Responsive Options" Menu, the correspondent Dot Navigation is still appearing with a black page as content.
Moreover, i tried to solve it with CSS command on the "Customize" panel, with a "display: none", but i could not because i don' t know which element to target. I tried several with no success.
Yes thats correct the outer row method wont work as the "fullpage.js" library changes the Html Structure on Page Load and then the rows cant be removed.
I dont see this possible at the moment without custom work. Please consider hiring a freelancer over at Envato Studio for these Theme customizations as they are not provided as Support: http://themeforest.net/page/item_support_policy .
Ey! I have tried to hire freelancers from envato studio, but already two of them have canceled the job because they say that the theme is not responding to the code they write. Can you guide me to some "salient" specialist who can really find a solution for these? This is definetely a bug, since im not trying to add any new functionalities to the theme, just trying to use a very basic one that is supposed to be included in the theme (silencing rows on desktop version). Thanks!
Hello again! You didn't fix this! This is a very big problem with this theme. I won't pay for hiring a freelancer because this need to be fixed. Theme is very good, but people need solutions for mobile browsers, because some elements can't be used in innerrows. Please give me some ideas to fix this. It's very important and I'm so sad because I tried everything but nothing happends, and you didnt give me any solutions.
Best answer
As said in the link you post, fullpage.js doesn’t provide a direct way of doing it. The only way is destroying and initializing fullpage.js each time you add a new section or slide. To avoid blinkings, we can remember the active section and slide to initialize again with those values.
Reproduction online
Hello!
First of all, I'm using product lading page (full screen). Now I'm trying to hide some rows wich I made for mobile phones and tablets. I tried to use this solution: https://themenectar.ticksy.com/article/9164 and I tried with some CSS using the extra classes and row ID's.
When I use two mentioned solutions elements in rows are hidden, but there is still black page appearing without elements and dot navigation of hidden rows on the right side.
Please look in the attachment :)
Hey Again,
Unfortunately these custom css wont work with Fullscreen Page Rows Option.
best
ThemeNectar Support Team
Can you give me some idea how can I resolve this problem? Your theme is perfect but this is a big problem. Because users need to have solution for mobiles.
Hey Again,
Simply use Inner Rows and then Hide/Show them according to the available Options.
Best
ThemeNectar Support Team
Hello! unfortunately this solution does not work for me because i need to have a different video background on Mobile than the one on Desktop. So I need two different "outer rows" to this purpose. The "inner rows" method works if you use the same Video Background on both versions, but it's not my case.
Being this the case, when i have two different "outer rows", even if use Extra Class method (vc_hidden_lg vc_hidden_md vc_hidden_sm vc_hidden_xs), or when i use the "Hide on Device" method in the "Responsive Options" Menu, the correspondent Dot Navigation is still appearing with a black page as content.
Moreover, i tried to solve it with CSS command on the "Customize" panel, with a "display: none", but i could not because i don' t know which element to target. I tried several with no success.
Please Help!
Hey Akitron,
Yes thats correct the outer row method wont work as the "fullpage.js" library changes the Html Structure on Page Load and then the rows cant be removed.
Best
ThemeNectar Support Team
Well, yes! i already knew that. Would you provide me a solution please. ¿Maybe modifying fullpage.js?
I dont see this possible at the moment without custom work. Please consider hiring a freelancer over at Envato Studio for these Theme customizations as they are not provided as Support: http://themeforest.net/page/item_support_policy .
Thanks
ThemeNectar Support Team
Ey! I have tried to hire freelancers from envato studio, but already two of them have canceled the job because they say that the theme is not responding to the code they write. Can you guide me to some "salient" specialist who can really find a solution for these? This is definetely a bug, since im not trying to add any new functionalities to the theme, just trying to use a very basic one that is supposed to be included in the theme (silencing rows on desktop version). Thanks!
Hey Again,
This isnt a bug rather a limitation imposed by the fullpage.js Library used. Please see: https://codeday.me/en/qa/20190306/13289.html .
Thanks
ThemeNectar Support Team
Hello again! You didn't fix this! This is a very big problem with this theme. I won't pay for hiring a freelancer because this need to be fixed. Theme is very good, but people need solutions for mobile browsers, because some elements can't be used in innerrows. Please give me some ideas to fix this. It's very important and I'm so sad because I tried everything but nothing happends, and you didnt give me any solutions.
Hey Again,
This isnt something we can fix as we are using a Third Party "fullscreen.js" library which has no such method to remove the rows on the fly .
Please see url: https://codeday.me/en/qa/20190306/13289.html . Other ppl have already tried it .
Best
ThemeNectar Support Team