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

Your Time: Our Time:

Helix - change layout column width

Featured Lock Resolved Task
Hello I'm using the Revibe template, but I can not enlarge the TOP 2 column to let all the same line, the icon of the ever and the email address, into the mobile devices. In practice, in mobile devices, it is aesthetically ugly to get the email address to end up. Do you have any suggestions?

Attachments (1)

  • Senza titolo-1.jpg
    Senza titolo-1.jpg 66.4 KB

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
I have basic idea, which you can do with 4 lines of custom CSS.
It will reduce font size and hide icons (if you need)

Try, very basic CSS:

@media (max-width: 540px) {
#sp-top2 .sp-contact-info li a { font-size: 12px; }
#sp-top2 .sp-contact-info li i {display: none;}

remember to clear change & refresh browser
How to use custom CSS, as always Helix3 Manual

Paul Frankowski - Staff

More than a month ago #Permalink
Alternative way:
change column size presented on mobile view.

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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 105


Total Accepted Answers: 54
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 27
Ofi Khan

Ofi Khan

Total Accepted Answers: 11
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 7




Community Users


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. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us