Header color on mobile version - by lxmag

This topic has 12 replies, 4 voices, and was last updated 8 years, 5 months ago ago by Jack Richardson

  • Avatar: lxmag
    lxmag
    Participant
    June 5, 2016 at 09:26

    Hi! How can I change header color from white to any other on mobile devices site version?

    Please, contact administrator
    for this information.
    11 Answers
    Avatar: stan
    Stan Russell
    Participant
    June 6, 2016 at 08:15

    Hello,

    please add following css code to Custom css:

    @media only screen and (max-width: 979px){
     .header{
    	background-color:red;
    }
    }

    Regards,
    Stan Russell.

    Avatar: lxmag
    lxmag
    Participant
    June 6, 2016 at 09:40

    It works, thanx a lot! But pop-up header is still white, can I change it too?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 6, 2016 at 10:08

    Hello,

    Please use this code in custom.css

    @media (max-width: 979px){
    .fixed-header {
        background-color: #000;
    }}

    Regards,
    Robert Hall

    Avatar: lxmag
    lxmag
    Participant
    June 6, 2016 at 11:28

    I don’t know why, but after changes it’s still white.
    http://imgur.com/PIqCPlU

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 6, 2016 at 11:47

    It’s black now. See screenshot: https://gyazo.com/f83a74139560acdeccf53d650b5b143d

    Regards,
    Robert Hall

    Avatar: lxmag
    lxmag
    Participant
    June 6, 2016 at 13:27

    I don’t know what I’m doing wrong, but on my cellphone it’s white – no changes 🙁 In horizontal and vertical version.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 6, 2016 at 13:31

    Please clear all cache and check it.

    Regards,
    Robert Hall

    Avatar: lxmag
    lxmag
    Participant
    June 6, 2016 at 18:12

    I tried on three different phones (with Android) – on all three is white on the pop-up header.

    http://imgur.com/a/Ezngx

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 6, 2016 at 19:10

    Hello,

    I’ve added “!important” to the code.
    Please clear cache and check now.

    Best regards,
    Jack Richardson.

    Avatar: lxmag
    lxmag
    Participant
    June 6, 2016 at 19:32

    Yeeeeah! Thanx a lot.
    🙂

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 6, 2016 at 19:56

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Header color on mobile version’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.