Mobile view clickable phone phone number at top – Edin theme

whitebarndesignlp · Member · Feb 1, 2017 at 5:02 pm
Copy link

Add topic to favorites
I had some previous support regarding adding a phone number to mobile view (600 pixels or less) and received a good answer from SacredPath (thank you!). I want to follow up to see if I can improve this. Can the phone number be below the Menu and image, and if placed there could it be clickable? Looking for ideas to have a clickable phone number in mobile view (under 600 pixels).

Original forum here: https://en.forums.wordpress.com/topic/phone-number-on-front-page-above-the-fold-in-mobile-view-only-edin-theme?replies=4#post-2808383%23postform

The blog I need help with is: (visible only to logged in users)
staff-loquaciousloon · Staff · Feb 2, 2017 at 2:35 pm
Copy link
Thanks for the link to that other forum thread!

The :after trick that @thesacredpath shared is good for inserting text, but it doesn’t support the HTML code needed to make the text a clickable link.

To move the phone number, you could switch your CSS to something like this:
```
@media screen and (max-width: 600px) {
.homepage-widgets .widget:first-child:before {
    display: block;
    content: "(518) 523-5946";
    padding-bottom: 25px;
    text-align: center;
}
}
```
Give that a try and let me know if that’s where you were picturing it :)
whitebarndesignlp · Member · Feb 3, 2017 at 2:37 pm
Copy link
Is there code that I could insert that would make the link clickable or not possible with this theme? I am going to stick with the original location of the phone number. Thanks for giving me an additional option to see how it sits below the image. The user would still need to scroll to see it so I cam going to leave up top. If there is any additional code that I can add to make it clickable I would love to know. Thanks.
staff-loquaciousloon · Staff · Feb 3, 2017 at 2:56 pm
Copy link
You cannot make the phone number clickable, no – CSS cannot do that :)

No items found.