Footer responsive issue

Support
#1

4 column footer are not displayed properly

if it set width to 25% in mobile view all 4 column are in single row and not looking good . Is there a fix for it ?

#2

Hello @cksiva09,

Thanks for asking. :slight_smile:

Please remove the margin of the first Bar element and then adjust the width property of individual bar elements. That should fix the layout problem.

Thanks.

#3

Hi

I have tried few combinations but i coudint get the proper 4 column setup . Do you have any premade template to get it right ?

#4

Hi,

You need to uncheck this.

Then create 2 bars with two columns each and make it visible on mobile only.

Basically, you will have multiple bars which will be visible on different viewports.

Bar with four columns - desktop
bar with two columns - mobile,
bar with one column(flex layout column) - mobile(extra small)

For a more detailed explanation regarding this, kindly refer to the link below

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.