Support Forums

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

Your Time: Our Time:

Helix - change layout column width

Featured Lock Resolved Task

promaster SP Page Builder 3.x Saturday, 08 December 2018

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?

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink

Hi,
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
https://www.joomshaper.com/documentation/helix-framework/helix3#custom-css-header-code

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.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Total Accepted Answers: 106

Sifat

Total Accepted Answers: 102

Toufiq

Total Accepted Answers: 41

Pavel

Total Accepted Answers: 4

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Company

Products

Supports

Terms

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

Support Forums

Helix - change layout column width

Attachments (1)

2 Answers

Paul Frankowski - Staff

Paul Frankowski - Staff

Categories

Leaderboard (30 days)

Paul Frankowski

Sifat

Toufiq

Pavel

johnny

100+

200,000+

Company

Products

Supports

Terms

Newsletter

Menu