Return to previous page

Contact number in header for mobile display

This topic has 6 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Jimbo

Jimbo

Participant

April 30, 2015 at 14:13

Hi there,

I already have a contact number in my header.structure3.php file which works good.

I am looking to add it on my mobile version either above my logo or below it.

How can I add this to only show whilst using a mobile to 767px approx

web page in private

Please, contact administrator
for this information.

#60842 Copied

5 Answers
Eva Kemp

Support staff

April 30, 2015 at 14:39
Hello,

Please add this code in custom.css file:
```
@media (max-width: 480px) {.headertel {
    display: block;
    font-size: 14px;
    margin-left: 25px !important;
    margin-top: 10px;
}}
```
```
@media (max-width: 768px) {
.headertel {
    display: block;
    font-size: 20px;
    margin-top: 12%;
}}
```
Regards,
Eva Kemp.
#60852 Copied
Jimbo

Participant

April 30, 2015 at 17:39

sorry this did not work either Eva,

no telephone number displaying when using a mobile??

#60901 Copied

Jimbo

Participant

April 30, 2015 at 17:53

I think if possible if I can add the mobile menu icon and the number at the top into a div class that goes full width and about 30-40px high that might be a good option for the mobile.

Its just finding room for the telephone number to go, currently in the desktop css code it is too big for it when put at 667px and below on the mobile screen.

#60904 Copied

Eva Kemp

Support staff

April 30, 2015 at 19:35

Hello,

Please take our apologies but it requires additional customization to set up different header for mobile devices. It’s beyond our basic support scope. If you have necessary skills you can try to modify files yourself.

Sorry.

Regards,
Eva Kemp.

#60927 Copied

Jimbo

Participant

April 30, 2015 at 22:38

I do think it is a valid request for an area on this theme within the header for contact details / number.

Even if I have to just add my number without the font awesome icon…. a simple request.

#60955 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘contact number in header for mobile display’' has been successfully resolved, and the topic is now closed for further responses

Contact number in header for mobile display

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection