Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 1, 2019 at 3:30 pm #1114899
    wyzyncom

    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

    July 2, 2019 at 1:11 am #1114988
    Guenni007

    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?

    July 2, 2019 at 7:44 am #1115066
    Rikard

    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

    July 2, 2019 at 12:29 pm #1115151
    wyzyncom

    @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

    July 3, 2019 at 7:58 am #1115360
    Rikard

    Hi Michiel,

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

    Best regards,
    Rikard

    July 5, 2019 at 9:33 pm #1116080
    wyzyncom

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

    July 6, 2019 at 10:06 am #1116226
    Rikard

    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

    July 6, 2019 at 11:06 am #1116232
    wyzyncom

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

    July 7, 2019 at 3:50 am #1116360
    Rikard

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change background color header mobile only’ is closed to new replies.