Header contact details – mobile

Home Forums Construction Pro/Build Forum Header contact details – mobile

This topic contains 9 replies, has 2 voices, and was last updated by  Forum Moderator 1 year, 8 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #37124

    Matthew
    Member
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: June 11, 2016

    Hi,
    Any advice to move header contact details to the right on the PC and do not affect mobile view? http://www.ultrabuildconstruction.uk
    To move to right I used below CSS, but is also applied in mobile view, which looks horrible :/

    .header_row .column-1
    {
    width:80%;
    padding-left:200px;
    }
    .header_row .column-1 column-2
    {
    padding-left:200px;
    }

    Thanks

    Kate

    #37149

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 15841
    • Total: 15841
    Member since: August 16, 2013

    Hi Kate,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    .header_row{width:455px !important;}

    Regards,
    Brad

    #37174

    Matthew
    Member
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: June 11, 2016

    Hi,

    Nothing is happening when I pasted your CSS.
    When I deleted my CSS and left yours, everything came back to the beggining where contact details are to close to logo, I want it more left please.
    Thanks
    Kate

    #37221

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 15841
    • Total: 15841
    Member since: August 16, 2013

    More left or right side?

    Regards,
    Brad

    #37227

    Matthew
    Member
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: June 11, 2016

    Sorry, right 🙂

    #37228

    Matthew
    Member
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: June 11, 2016

    Can you also check the website as sometimes the phone icon dissapear?

    Please let me know where I can send you the screenshot.

    Thanks

    Kate

    #37311

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 15841
    • Total: 15841
    Member since: August 16, 2013

    Hi Matthew,

    Upload your screenshot on imgur.com and paste the share URL here.

    Regards,
    Brad

    #37438

    Matthew
    Member
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: June 11, 2016

    Hi,

    View post on imgur.com

    First screen is for mobile, next iPad, and third PC.
    Please check all my CSS I am using to move icons to the right. I am happy with the PC view but mobile and iPad/tablet icons should go fully left. Maybe I should add some simplest css to move it right but I am beginner and I did what I could 😛
    Thanks for your help
    Kate

    .fa-home::before
    {
    color:white;
    }
    .header_row
    {
    width:455px !important;
    }
    .header_row
    {
    padding-top:40px;
    }
    .header_row .phone-email-info
    {
    width:230px;
    }
    @media screen and (max-width:767px){
    .header .header-inner .logo img{height:auto !important; max-width:100% !important;}
    }
    .header_row .column-3
    {
    width:10%;
    }
    .header_row .column-1
    {
    width:80%;
    padding-left:150px;
    }
    .header_row .column-1 column-2
    {
    padding-left:150px;
    }

    #37494

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 15841
    • Total: 15841
    Member since: August 16, 2013

    Hi Matthew,

    Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

    Please mention this forum URL while replying so that we understand what needs to be done.

    Regards,
    Brad

    #37741

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 15841
    • Total: 15841
    Member since: August 16, 2013

    Hi Matthew,

    This issue was resolved from our end. Kindly check and confirm.

    Regards,
    Brad

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.