Small screen phone number at header

  • Unknown's avatar
    whitebarndesignlp · Member ·

    Site I need help with: http://whitebarndesign.com

    I currently have CSS code that displays a phone number when in small screen. The code is tied to the logo so when you click on the phone number it takes you to the home page. Is there a way to have this separate so that the device can detect the phone number to call.

    Here is the code:

    @media     screen and (max-width: 600px) {
    .http://site-branding:after {
    display: block;
    content: “(518) 523-5946”;
    }

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    seasonschangecc · Member ·

    The telephone number isn’t showing up as clickable by the browser because it’s added as content to the page by CSS, and doesn’t appear on the page on it’s own as HTML. It only happens to be linkable because its parent element is linked to the home page.

    Because it’s not possible to add custom HTML element to the header section of the theme, it’s not possible to make the CSS phone number clickable. The phone number needs to appear in the HTML.

    I would recommend asking your question in the Fortune-theme specific forum: https://premium-themes.forums.wordpress.com/forum/fortune

  • The topic ‘Small screen phone number at header’ is closed to new replies.