Docs

[sirnarcis]

Hello,

This issue is for:

Homepage

I have a responsive site that works fine and responsive ok on a browser but the top bar telephone looks different on the iPad and iPhone. I want it with the same style as the desktop in all devices. I can’t find the way to change it. Any help would be great! Thanks!

Desktop:
http://pixelandink.co.uk/wp-content/uploads/2016/08/Screen-Shot-2016-08-16-at-15.10.25.png

iPad:

[Joao]

Hi There,

I am not 100% sure what you would like to fix. Please clarify.

For the moment in order to align the telephone with the icons I reccomend you adding the following code to Appereance Customizer Custom CSS

@media (max-width: 1080px) {
.x-topbar .p-info {
margin-top: 0px !important;
}
}

Hope it helps

Joao

[sirnarcis]

What I mean is that in the desktop version the telephone number is White but in Ipad is faded.

[Christopher]

Hi there,

It displays with on both laptop and ipad. Would you please clear cache and check it again?

Thanks.

[sirnarcis]

In the responsiveness of a browser does work. However on the actual devices it doesn’t. See attached.

[Thai]

Hi There,

Please add the following CSS:

.x-topbar .p-info a[href^="tel"]{
    color: #fff;
}

Hope it helps 🙂

[sirnarcis]

Superstar guys!! 🙂

[Thai]

Glad we’re able to help 🙂

If you need anything else please let us know.

[Author]

Posts