+ Reply to Thread
Results 1 to 10 of 10

Thread: How can i make two columns for footer in mobile?

  1. #1
    Senior Member
    Join Date
    May 2014
    Posts
    182

    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?

  2. #2
    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.
    New Site: CameraSpecs https://bit.ly/3G4uYA6

    Old Site: MotorAdsUk

  3. #3
    Senior Member
    Join Date
    May 2014
    Posts
    182
    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)

    feedback.jpg

  4. #4
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,138
    Hello,

    Replace:
    Code:
    Only registered members can view the code.
    with:
    Code:
    Only registered members can view the code.

  5. #5
    Guru
    Join Date
    Jul 2019
    Location
    Australia
    Posts
    657
    How can i do this same thing to categories?
    In mobile view its also all in a straight line.
    Boatfind.com
    Boatfind.com.au

  6. #6
    Senior Member
    Join Date
    May 2014
    Posts
    182
    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"


    copyright-center.jpg

  7. #7
    Quote Originally Posted by kiowa View Post
    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
    Last edited by Chris Brown; December 13, 2021 at 04:32 PM.
    New Site: CameraSpecs https://bit.ly/3G4uYA6

    Old Site: MotorAdsUk

  8. #8
    Quote Originally Posted by Pricky View Post
    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
    Last edited by Chris Brown; December 13, 2021 at 05:40 PM.
    New Site: CameraSpecs https://bit.ly/3G4uYA6

    Old Site: MotorAdsUk

  9. #9
    Senior Member
    Join Date
    May 2014
    Posts
    182
    Its worked, Thank you Chris

  10. #10
    Quote Originally Posted by Pricky View Post
    Its worked, Thank you Chris
    No worries mate Think I spent more time doing code on your site than mine recently Hahahaha
    New Site: CameraSpecs https://bit.ly/3G4uYA6

    Old Site: MotorAdsUk

+ Reply to Thread