Dawn Theme - Making mobile footer menu layout the same as the desktop view

[GlowRope]

Hi,

I would like the 3 footer menu columns to be in the same layout however centered on the page in the desktop view. I would also like the mobile version to have the same layout as the desktop view.

Would somebody be able to help me out with this?

www.glowrope.com.au

Password: welcome

Thanks in advance.

[GlowRope · Accepted solution]

Hi @suyash1 Thanks for that, works perfectly the heading but the links are not centered. Did you have a solution for the mobile view issue? 

[suyash1]

@GlowRope - do you want it like the screenshot? if yes then please add this css to the very end of your base.css file

.footer-block__heading{text-align: center;}
.footer-block__details-content li{text-align: center;}

[GlowRope · Accepted solution]

Hi @suyash1 Thanks for that, works perfectly the heading but the links are not centered. Did you have a solution for the mobile view issue? 

[suyash1 · Accepted solution]

@GlowRope - please add this css to the end of your base.css file for mobile view

.list-menu__item {justify-content: center;}

[GlowRope]

Hi @suyash1 Legend, that's awesome cheers!

Any chance you know how to now sort those menus horizontally on mobile view like it is displayed on the desktop view?

[suyash1]

@GlowRope - that will not look good, it will be like this

[GlowRope]

Hi @suyash1 Yeah you are right.

The other option was make it a drop down menu and have them default as closed, Also when you click on the next menu it automatically closes the previous menu. Did you know how that could be done with the drop down menus centered on the page horizontally?

[suyash1]

@GlowRope - no sorry , not sure about the drop down part

[ZenoPageBuilder]

Hello @GlowRope 

The mobile screen is small, so making it the same layout as the desktop is not so good.

[GlowRope]

Hi @ZenoPageBuilder 

Good point, I wouldn't mind seeing it to see if it is usable or not. The other option was make it a drop down menu and have them default as close and when you click on the next menu it automatically closes the previous menu. Did you know how that could be done with the drop down menus centered on the page horizontally?