Dear, When I create a group and align it under my navigation bar it does not appear just like in the builder. When I create a floating group the alignment is working fine. Please check group Group ALIGNMENT? and Floating group [example2] [example-preview]

@nocodeventure Ohh! Right, It’s not a bug - unfortunately overlapping any elements (with the exception of floating groups) will cause the responsive settings to be unpredictable (unless the element on top or bottom is a floating group).

Hi @nocodeventure :slight_smile: If you need those groups to ‘stick’ to the left side and line up, you will want to click each of the groups in the responsive editor, and select “fixed-margin: left aligned”. [FixedMarginLeft] This will make the margin (whitespace) on the left side of each of thos…

Thankyou for the assistance. I have set them to left side fixed margin but this doesn’t solve the issue unfortunately. Please see [Screenshot%20(2)] [Screenshot%20(3)]

Ah, it might have to do with the minimum widths of the groups (I think!) Can you share a link to the app editor? :slight_smile:

My page width is 1200, I have tried a lot of stuff including removing the header and left menu to see if it has effect, also tried grouping. The alignment is different in preview mode / live mode

Right, all of the elements’ responsive settings affect each other so it is hard to tell in the screenshots, but I’d be happy to take a look at the editor if that’s helpful! You can share the link by going to Settings --> General --> Application Rights: Everyone can Edit

I just found out it basically happens when some groups overlap eachother. I created my own menu like following images below. But I believe it shouldn’t have a difference in live/preview mode. [1] [2] [3]

When I put it like this below the problem is solved but now I have a header that covers the entire upper navigation part. Is this a bug? [Screenshot%20(4)] [Screenshot%20(5)]

Hmm now I understand why people use the slideable menu instead of creating it.

I find it difficult that responsive settings for mobile also effects the desktop. I need to set fixed margin to center for mobile but not for desktop. This is causing my alignment issue

Group alignment

Need help Responsiveness

fayewatson November 8, 2018, 10:04pm 11

It’s definitely still possible! Here’s a demo with a similar setup for the floating groups: How can I create a slide-out like Magento?

Topic		Replies	Views
Horizontal alignment and responsive settings for floating groups Responsiveness	14	7334	June 24, 2021
Alignment issues Need help	2	555	June 29, 2017
Aligning Floating group to right edge in responsive view Bugs	20	5083	March 25, 2021
Floating group alignment Responsiveness	3	2360	December 18, 2019
Group is not left justifying next to navigation menu Responsiveness	9	360	March 11, 2021

Group alignment

Related topics