Wine Pro

Home Forums All Other Themes Wine Pro

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #61030
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    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

    #61032
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi Derek,

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

    Regards,
    Brad

    #61033
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

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

    thanks

    #61035
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    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

    #61036
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Hi Brad,

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

    #61037
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    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

    #61039
    Derek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    That’s perfect, thanks Brad.

    #61041
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.