Make the Head Top Bar Background Color uniform

Home Forums All Other Themes Make the Head Top Bar Background Color uniform

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #202475
    BikoBiko
    Participant
    • Topics: 32
    • Replies: 40
    • Total: 72
    Member since: November 29, 2019

    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.

    #202477
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29450
    • Total: 29450
    Member since: August 16, 2013

    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

    #202479
    BikoBiko
    Participant
    • Topics: 32
    • Replies: 40
    • Total: 72
    Member since: November 29, 2019

    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.

    #202485
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29450
    • Total: 29450
    Member since: August 16, 2013

    Hi,

    Okay, Kindly show us your website URL?

    Regards,
    Chris

    #202486
    BikoBiko
    Participant
    • Topics: 32
    • Replies: 40
    • Total: 72
    Member since: November 29, 2019

    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.

    #202492
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29450
    • Total: 29450
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

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

    Regards,
    Chris

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