Wine Pro

[Derek]

Hi guys,

The header on Wine Pro is skewed in mobile view. The phone number and location are centred but on the left hand side and the social links are on the right hand side on the same line as the phone number.

Do you have the code that would allow the social media buttons to show up underneath the number and location and center all three?

Thanks Derek

[Sonl Sinha]

Hi Derek,

Kindly show us your website URL so that we can assist further.

Regards,
Brad

[Derek]

It’s www.farrellspharmacy.com, not live yet but I’ve made it live so you can see it.

thanks

[Sonl Sinha]

Hi Derek,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {

.headerinfo { float:none; padding:45px 0 20; position:relative;}
.social-icons { position:absolute; top:0; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);}

}

Regards,
Brad

[Derek]

Hi Brad,

That has centred everything but the social media icons are now on top of the phone number. skewing both?

[Sonl Sinha]

Hi Derek,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {

.headerinfo { float:none; padding:45px 0 20px; position:relative;}

}

Regards,
Brad

[Derek]

That’s perfect, thanks Brad.

[Sonl Sinha]

🙂

[Author]

Posts