Make the Head Top Bar Background Color uniform

[Biko]

Hello,
I would like to make the Head Top Bar Background Color uniform, without it being crossed by the Site Title Background Color in the SKT POLICE theme.
Screenshot: https://prnt.sc/YclQs2mnpunp
I need help.
Thanks in advance.

[Sonal S Sinha]

Hi,

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

.logo .logo-bg::before {
  background-color: #0083e1 !important;
  width: 100%;
  left: 0;
  height: 49px;
}

Regards,
Chris

[Biko]

Hello,
Perfect the desired display is good on the computer.
But on small screens, the area added to the Top Bar Background is visible on mobile.
How to remove this area on mobiles?
Heartfelt thanks.

[Sonal S Sinha]

Hi,

Okay, Kindly show us your website URL?

Regards,
Chris

[Biko]

Hello,
Here are the screenshots:
For the computer: https://prnt.sc/MNv8ZxDYuAbV
For smartphones: https://prnt.sc/WxukonXl7cin
The problem is with the display on the mobile.
How to remove this Top Bar Background on mobile display ?
Thanks in advance.

[Sonal S Sinha]

Hi,

Kindly use this CSS.

@media screen and (max-width:767px){
.logo .logo-bg::before {
display:none !important;
}

Regards,
Chris

[Author]

Posts