Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 29, 2023 at 6:34 pm #1406010
    Monika

    Hey there,

    I would like to change the color of this automaticly added part in mobile on the very top of the browser.
    Enfold chooses the socket background color for this part, but i dont want to change it in my general Styling, because i would like to keep it in tablet and dektop.

    Is it possible to change it just in mobile?
    I would like to use “main background” color there..

    In the private Section you see which part I mean.

    Thank you and have a nice Weekend!
    Monika

    April 29, 2023 at 10:57 pm #1406025
    Mike

    Hey Monika,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
html {
    background-color: #eeece9;
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 30, 2023 at 7:47 pm #1406061
    Guenni007

    and if you realy mean “mobile” and not small screen width – you can use the class on html that enfold adds for mobile-devices: avia_mobile

    then you may have only a css rule without the media query or if you like to preserve the initial color for bigger screens ( ipad pro or bigger tabletts ) in a combination of both:

    @media only screen and (max-width: 767px) { 
	html.avia_mobile {
	    background-color: #eeece9;
	}
}
    April 30, 2023 at 7:50 pm #1406063
    Monika

    Good Idea!!

    Thank you so much!
    That worked!

    April 30, 2023 at 8:01 pm #1406067
    Mike

    Hi,
    Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change Socket Background color only for mobile!’ is closed to new replies.