How can i make two columns for footer in mobile?

Printable View

December 11, 2021, 05:01 PM
Pricky

How can i make two columns for footer in mobile?

Hello,

This is my site: https://bit.ly/3GzHJlL

How can i make two columns for footer in mobile? Currently, it's showing 1 column (left side), there's lot of empty space in right side.

Can anyone help to make it in two columns for footer?
December 11, 2021, 05:31 PM
Chris Brown

In footer menu tpl

find:

Code:

Only registered members can view the code.

and add in col-6 like this

Code:

Only registered members can view the code.

I think that should work, well it did in browser inspect mode.
December 12, 2021, 01:42 PM
Pricky

1 Attachment(s)

Hello Chris, Thanks for the solution. Its worked partially...

I removed the default newsletter column. And I placed some custom text where mobile apps icons exist by default in footer.tpl file.

Code:

Only registered members can view the code.

How can i move the "feedback" custom text to the empty field (Check screenshot)

Attachment 4429
December 13, 2021, 03:12 AM
Rudi

Hello,

Replace:

Code:

Only registered members can view the code.

with:

Code:

Only registered members can view the code.
December 13, 2021, 04:38 AM
kiowa

How can i do this same thing to categories?
In mobile view its also all in a straight line.
December 13, 2021, 01:35 PM
Pricky

1 Attachment(s)

Thanks Rudi, One more thing. Why copyright text was left aligned, even though the css class assigned as "align-self-center col-12 mt-4 mt-sm-0 col-sm-8 font-size-xs"

Attachment 4433
December 13, 2021, 04:26 PM
Chris Brown

Quote:

Originally Posted by kiowa

How can i do this same thing to categories?
In mobile view its also all in a straight line.

I did that myself, I think it was in categories_block.tpl

change this

Code:

Only registered members can view the code.

to this (I added col-6 near the end)

Code:

Only registered members can view the code.

I think that was it, not sure how it will effect if subcategories are enabled though, but should be fine if you just keep top level categories
December 13, 2021, 05:20 PM
Chris Brown

Quote:

Originally Posted by Pricky

Thanks Rudi, One more thing. Why copyright text was left aligned, even though the css class assigned as "align-self-center col-12 mt-4 mt-sm-0 col-sm-8 font-size-xs"

Attachment 4433

You would probs need to add another class and some css to centre align it in mobile.

find

Code:

Only registered members can view the code.

Change to

Code:

Only registered members can view the code.

in CSS find

Code:

Only registered members can view the code.

after that code add this:

Code:

Only registered members can view the code.

I think that should work
December 14, 2021, 02:34 PM
Pricky

Its worked, Thank you Chris :)
December 14, 2021, 04:50 PM
Chris Brown

Quote:

Originally Posted by Pricky

Its worked, Thank you Chris :)

No worries mate :) Think I spent more time doing code on your site than mine recently Hahahaha