Support Forums

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

Your Time: Our Time:

Move contact numbers to top2

Featured Lock Resolved Issue
Hello support,

I need to move the top contact numbers on the right in the same position (or same line) as the social icons. I see the social icons is in top2, so the number and email will be moved to top2 as well. When I change it to top2, it stays in top1. Grateful to advise moving forward.
Thanks.

3 Answers

Sifat - Staff

5 days ago #Permalink
Hi,
Thanks for your query. Please follow the following instructions.
1) Enabled the contact informations in the top2 position. http://prntscr.com/lhcn0o
2) Then use this css in your custom css field

#sp-top2 .sp-column {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.sp-contact-info {
padding-right: 5px;
}

Here is the custom css field https://prnt.sc/ijudw8

-Best Regards
Hi,
Thanks for your query. Please follow the following instructions.
1) Enabled the contact informations in the top2 position. http://prntscr.com/lhcn0o
2) Then use this css in your custom css field

#sp-top2 .sp-column {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.sp-contact-info {
padding-right: 5px;
}

Here is the custom css field https://prnt.sc/ijudw8

-Best Regards


Hi Sifat,

Thank you. Yes, it aligns fine, but only on desktop to mid tablet. Down on phone, it jumps to the left. See attached screens.

Attachments (2)

  • desktop.jpg
    desktop.jpg 29.8 KB
  • phone.jpg
    phone.jpg 25.6 KB


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 169
Sifat

Sifat

Total Accepted Answers: 117
Toufiq

Toufiq

Total Accepted Answers: 51
Pavel

Pavel

Total Accepted Answers: 3
M

Mike

Total Accepted Answers: 2

100+

Templates

200,000+

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