Hi, I am super new to wappler, I had made a website before use Wordpress + Divi, now I am expanding the skill, but I need minimal / no coding since I need to work fast. I see wappler is a possible solution, tried for a day and I cannot even make a navigation bar properly. I see no beginner guide in here, no guide for each of component of how to use it at least.
I might asked a lot of question here if I may.
The first problem about navigation bar is I want to be like
its the website I created, not finished yet, want to upgrade it with wappler.
In there, the first header has logo on the left, language switcher on the right then on the second row is the navigation bar.
How can I make that in wappler? if someone can explain step by step it would be great… and sorry for not trying hard enough, already tried for hours, still cannot make the same thing.
I am pretty confuse about Navbar, Navbar Toggler, Navbar Nav. What the difference among those 3? I know I must use navbar, but why there are 3 of them? I already saw the sample project from the app itself, but it doesnt explain anything except the sequence how to use it.
Thank you for the welcome, and Thank you very much for the step by step quick tutorial that is very useful, and after learning the bootstraps 5 I can now understand more about how it works and now I am making progress.
Another question here, I can place the button or paragraph in front of the image as in tutorial with design - position - absolute and manual input there as in tutorial but how can I change that according to view? for example if its from phone I want only 5 px bottom, or change font size when it’s on tablet etc etc
What I do is create class selector, in my case “Red-Button”, then I change the view to Full Screen, set things up such as absolute position and margin, then after I done, I change view to Phone, then I cannot set it while it’s in yellow. I can edit the white color letter or blue one. I did press with mouse and move slide the margin it can change but then I cannot put it back to default value.
Did I do something wrong? Also I am not clear in here, which one is the default? The Full Size? If that so, is it better I make the whole page from Full size first? Also sometimes I did success change value on the other view let’s say tablet view, but then, it also change for the other view as well as Phone.
I am not so sure how this works, I follow step by step from tutorial from that link. I also check it on style.css file, there is no data for responsive, so which data for phone view or tablet or desktop?