I’m really struggling with making the site responsive.
I’ve even put all the items into a group, and then on the group I’ve selected vertically centre on that group, and it just doesn’t work.
It aligns to the left of the screen.
This is only one of the problem, many other things just don’t seem to work as expected.
Don’t get me wrong, i love bubble, its an awesome tool.
I’m just challenged with responsiveness, so any help will work.
That strange part is, i watched codefree example, and it all works like his example, except responsiveness, he does some stuff which i copy and he gets different results to me.
I deleted the complete page, and just started again drawing boxes and viewing the affect of each box.
So I drew a header, footer and looked to ensure it was full screen stretched
then i drew some boxes in the middle and groups them, and made them fixed with and horizontal centred.
So anyway, using this approach it seems to be easier to work out whats happening.
I think the main page it self maybe that had some issues or who knows what i had done with the previous page
Hey @mohamad.r.khan! Yeah, I understand you about the responsive stuff. I sat down for two days straight to play with the responsive settings in every configuration I could muster. I think I have a pretty good handle on stuff now.
If all you do is put radio buttons on a page, and then go to responsive view, the radio circles are no long vertically below each other, they are like horizontal and all messed up.
Ohhhhh… I see your problem… I infer that you are creating separate radio elements. If there’s NOTHING else on the page, AND if they are aligned and of similar size… THEN, they will not move around.
There are TWO problems you’re having.
Change your radio elements to just one element… for simplicity of design… I mean, you can enter multiple options in the radio element EDITOR box that pops up WHEN you double click on the radio element in the editor That way, they’ll all stick together… The ONLY downside of this, is that you can’t alter the vertical spacing of those radio buttons… (like perhaps you’re using radio buttons with pictures or something so they’re spaced apart more right? In that case… simply select all the radio buttons, right click on your mouse and select ‘Group all elements in a Group’. When they’re grouped, they’ll stick together better…
If your boxes are jumping around, it means that there are other elements on the page that are causing them to move in responsive mode. for that, GROUP things together!
