Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1114899

    Hi there,

    I’ve searched the forum, but couldn’t find my question, or a solution to the problem.

    Problem is this: I would like to alter the background color of the header / logo area, but ONLY when in mobile mode. I’d also like to remove the line at the bottom of the header area in mobile mode. Could you please help me out?

    Thanks!
    Michiel

    #1114988

    can you make your site public here?
    It is always easier to help for the site in question.

    PS : you realy mean for mobile devices only – or for small screens too?

    #1115066

    Hi,

    Thanks for the screenshot and link. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    #header_main {
      background:red;
      border-bottom:none;
    }
    }

    Best regards,
    Rikard

    #1115151

    @rikard
    Thanks for your reply. Unfortunately this does nothing… Still the same header bg color and border at mobile sizes.

    @guenni007
    The link to the website is: http://splusgroup.nl/
    In this screenshot with notes you can see how I would like to have it: http://splusgroup.nl/support-question-bg-color-header/

    In other words: I’d like the background color of the menu / logo area to alter at the moment it switches into the ‘hamburger-mode’ on small screens. Plus I also want the border at the bottom to disappear in this mode. I like this design with the big menu area (at the left), but don’t like it when it switches to a small hamburger menu area at mobile screens.

    Greetz!
    Michiel

    #1115360

    Hi Michiel,

    It’s applying on my end, please clear your browser cache and reload or check in an incognito window.

    Best regards,
    Rikard

    #1116080

    @rikard
    You’re right, after deleting browser cache and refresging the page it did work out well. Thanks!
    Michiel

    #1116226

    Hi Michiel,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1116232

    As far as I’m concerned, this case is solved.

    #1116360

    Hi,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Change background color header mobile only’ is closed to new replies.