Header contact details – mobile

[Matthew]

Hi,
Any advice to move header contact details to the right on the PC and do not affect mobile view? 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

[Sonl Sinha]

Hi Kate,

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

Add this code there:

.header_row{width:455px !important;}

Regards,
Brad

[Matthew]

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

[Sonl Sinha]

More left or right side?

Regards,
Brad

[Matthew]

Sorry, right 🙂

[Matthew]

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

[Sonl Sinha]

Hi Matthew,

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

Regards,
Brad

[Matthew]

Hi,
http://imgur.com/a/xHfwv

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;
}

[Sonl Sinha]

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

[Sonl Sinha]

Hi Matthew,

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

Regards,
Brad

[Author]

Posts