Phone number in header to show only on mobile devices - Support

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
May 4, 2015 at 12:40 pm #438853

uribinsted
Participant

Hi,
I want to add to the header a phone number to show only on mobile devices,
is there a way to do it??

May 4, 2015 at 11:19 pm #439402
Yigit
Keymaster
Hey uribinsted!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (min-width: 768px) {
.phone-info { display: none !important; }}
```
Best regards,
Yigit
May 5, 2015 at 10:25 am #439610

uribinsted
Participant

Hi Yigit,
Thanks for the quick response :)

it works but now it shows the upper/secondary menu area constantly, can we hide the whole area and show it with the number only on mobile devices?

May 5, 2015 at 11:32 am #439640
Yigit
Keymaster
Hey!

Please use following code instead
```
@media only screen and (min-width: 768px) {
#header_meta { display: none !important; }}
```
Best regards,
Yigit
May 5, 2015 at 3:43 pm #439765

uribinsted
Participant

works Excellent thanks!

and how do I increase the phone number font size ?

May 5, 2015 at 3:44 pm #439766
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
.phone-info { font-size: 20px; }
```
Regards,
Yigit
May 5, 2015 at 3:46 pm #439770

uribinsted
Participant

Hi Yigit,
Thanks Alot!

May 5, 2015 at 3:52 pm #439775

Yigit
Keymaster

Hi!

You are welcome, #TeamKriesi is always happy to help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Regards,
Yigit
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Phone number in header to show only on mobile devices’ is closed to new replies.