-
Posts
-
I raised this topic 3 years ago and got a greta solution.
Using this code i have the header image / logo how i wanted it back then and am doing the same on a new Enfold site now.
/* Transparent */
.av_header_transparency #header_main .container .inner-container {
background: url(https://s3-eu-west-1.amazonaws.com—————–/site-header21.jpg) no-repeat center center;
}/* Non-transparent */
#header_main .container .inner-container {
background: url(https://s3-eu-west-1.amazonaws.com/—————-/site-header21.jpg) no-repeat center center;
}I just wanted to know how i can hide this section on a Mobile please?
Please see screen shots from my iPhone..
You can see that it does not fit or look good on a mobile and would like to hide it so its looks like image number two screen shot..
Hey mmsdev,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaHi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { #header_main .container .inner-container { background: none !important; } }Best regards,
RikardHi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon
- You must be logged in to reply to this topic.