Phone number in header not linked when site goes into responsive mode

Support
#1

The site below has a phone number in the topbar. Can you tell me why it is linked until the social icons start to stack when it goes into mobile view? It is fine until you get around 600px or so. I cannot figure it out. Thank you in advance for your assistance.

#2

Hi Keith,

The problem is that the P tag which contains the phone information is floated and it will not work well when it comes to the smaller screens and this is because there is some additional CSS code that you added.

The original version of the theme without the CSS code that you added works ok. But if you want to force the phone to work ok with the customization that you ave done, please kindly add the CSS code below to X > Theme Options > CSS:

@media (max-width: 767px) {
    .x-topbar .p-info {
        float: none !important;
    }
}

Thank you.

#3

That worked. Not sure what I had done to cause it but this fixed it. Thank you.

#4

Hey Keith,

You’re most welcome!
We’re glad @christopher were able to help you out.

Cheers.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.