Header Problem

[Abdikadir Osman Ibrahim]

Hello Support i need some help over here it took almost 48 hours for one request of mine to be completed.
I need someone to help me out with my header, I need to know if I can add a custom header in place becouse my phone view header is not the header i want can you guys at least make the phone view header look exactly like my desktop header.

[Abdikadir Osman Ibrahim]

This is my current phone view header and i want it to look like my desktop header
https://ibb.co/S3CDkQK

[Abdikadir Osman Ibrahim]

And this is my desktop view this is how i want my phone view header to be arranged
https://ibb.co/QD3xfdF

[Abdikadir Osman Ibrahim]

my website link azenoelectronics.co.ke

[Abdikadir Osman Ibrahim]

my wordpress admin login detail
username admin
password Adnan@1234

[Abdikadir Osman Ibrahim]

Can you please please please help me out i have a DEAD LINE to meet

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.logo {
    float: left;
    margin: 0;
}
.header-content-right {
    float: right;
    width: 60%;
}
.header-extras li:first-child {
    margin-bottom: 10px;
    margin-top: 20px;
}
}

Regards,
Dave

[Abdikadir Osman Ibrahim]

Oh my god i really appreciate it really do but can you help me with one small little detail.
How can i remove the search bar only from the phone view. i know I’m being annoying but please help me out

[Abdikadir Osman Ibrahim]

please

[Sonl Sinha]

Hi,

Kindly use this CSS to remove search bar in mobile.

@media screen and (max-width:479px) {
.header-extras .product-search-form { display:none;}
}

Regards,
Dave

[Author]

Posts