-
AuthorPosts
-
September 18, 2020 at 5:12 pm #1246857
Hello,
I’m working on the website decroux.ch and I got a problem. When I’m browsing the site on a mobile, the header disappears… Browsing on a computer, there’s no problem. I can reduce the width of the browser, the header goes smaller, then I got the burger menu. And when it’s smaller again, like in a mobile view, the logo and the burger menu both disappears (in facts, the header itself seems to be hidden).
I need your help to solve this problem.
Thanks in advance.
Best regards,
Marc- This topic was modified 4 years, 2 months ago by Victoria.
September 20, 2020 at 6:24 am #1247067Hey Marc,
You have this CSS somewhere in the theme:
@media only screen and (max-width: 767px) { #header { display: none!important; } }
I can’t see where it’s coming from since you have file compression active. Please try to delete that CSS. If you need further help then please deactivate file compression so that we can see where it’s coming from.
Best regards,
RikardSeptember 20, 2020 at 9:44 am #1247077Hi,
Thanks, I will try to find this code and remove it.
Where can I turn off the file compression? I don’t remember I activate such thing…
Regards,
MarcSeptember 20, 2020 at 10:10 am #1247078Hi,Well, I found something, but it doesnt change. I want to to find how to desable the compression, I cannot find where…
Regards,
MarcSeptember 20, 2020 at 4:24 pm #1247145Hi Marc,
You need to go to Theme Options > Performance tab, those settings are there.
Best regards,
VictoriaSeptember 20, 2020 at 5:11 pm #1247156Hi Victoria!
I just desactivate the compression. If you can help me, it would be great!
Best regards,
Marc
September 20, 2020 at 6:16 pm #1247170Hi Marc,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaSeptember 20, 2020 at 6:25 pm #1247173Hi,
Here it is!
Thanks again…
Best regards,
Marc
September 21, 2020 at 6:04 am #1247258Hi Marc,
Thanks for that. The header is visible again on my end on mobile devices, I’m guessing you found the code that I referred to?
Best regards,
RikardSeptember 21, 2020 at 8:15 am #1247278Hi !
Yes, it’s visible again! It was another code that I can find with your help…
Just another question, also with the mobile view. On 2 pages, I got a background with an image. On this, I put 2 text boxes. On the mobile view only, I’d like to hide this background image. Is it possible?
Thanks again for your help…
Best regards,
Marc
September 21, 2020 at 2:01 pm #1247339Hi Marc,
Yes, of course. Please give us the links to those pages and point us to the images that you want to hide.
Best regards,
VictoriaSeptember 21, 2020 at 2:14 pm #1247347Hi Victoria,
The 2 pages are :
– informatique
– communicationI insert a block with an image in background. I dont need them in a mobile view.
Thanks!Best regards,
Marc
September 21, 2020 at 2:32 pm #1247362Hi Marc,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { #top.page-id-93 #av_section_1, #top.page-id-91 #av_section_1 { background-image: none !important; } }
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 21, 2020 at 4:27 pm #1247394Hi !
That’s perfect!
A big thanks to all of you, you’re cool…
Have a nice day!
Kind regards,
MarcSeptember 21, 2020 at 5:10 pm #1247402Hi Marc,
Thank you!
Great :)
We are closing the thread.
If you need further assistance please let us know in a new one.
Best regards,
Victoria -
AuthorPosts
- The topic ‘Header hidden in mobile view’ is closed to new replies.