Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to center and reduce margins of bottom elements

Featured Lock Resolved Task
Hi,
I need to center elements in bottom section and reduce margins between them only for mobile devices.
In order to get something like the white text I have in footer section.

https://www.istitutodermacademy.it

Thank you for support.

Regards, Luca

Attachments (1)

  • Cattura.JPG
    Cattura.JPG 42.1 KB

7 Answers

Tabassum - Staff

More than a month ago #Permalink
Hey Luca! Thank's for your query.

Please give me your site URL.


Thank you.

bmbsoluzioni

More than a month ago #Permalink
Hi Tabassum,

thanks for your help! I used this code for mobile version only:

@media only screen and (max-width: 425px) {
#sp-bottom .container .row {
display: flex;
align-items: center;
flex-direction: column;

}
}
@media only screen and (max-width: 425px) {
#sp-bottom .container .row div {
margin-top: unset !important;
}
}


so I got the picture in attachment...as you can see I need to modify line-height and also logo is too attached to the upper edge.

Thank you again for your time.

Regards, Luca

Attachments (1)

  • Cattura.JPG
    Cattura.JPG 39.8 KB

Tabassum - Staff

More than a month ago #Permalink
Welcome :)

bmbsoluzioni

More than a month ago #Permalink
So...any idea?

Tabassum - Staff

More than a month ago #Permalink
Hey there!

For the mobile version footer automatically show middle center on the webpage. If you change line-height then need to customize.


Thank you.

bmbsoluzioni

More than a month ago #Permalink
Ok ... so you think there is a solution that I can adopt? Sorry to bothering but I write down here to find a solution :)

Thank you

Regards, Luca

Tabassum - Staff

More than a month ago #Permalink
Hey Luca! Thanks for knocking me again :)

Those are the way that I told you previous conversation and hope you will find a solution to applying this formulation.


Thank you.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 132
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 98
Toufiq

Toufiq

Total Accepted Answers: 26
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289847

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us