Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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, 1 month ago by Victoria.
    #1247067

    Hey 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,
    Rikard

    #1247077

    Hi,
    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,
    Marc

    #1247078

    Hi,Well, I found something, but it doesnt change. I want to to find how to desable the compression, I cannot find where…
    Regards,
    Marc

    #1247145

    Hi Marc,

    You need to go to Theme Options > Performance tab, those settings are there.

    Best regards,
    Victoria

    #1247156

    Hi Victoria!

    I just desactivate the compression. If you can help me, it would be great!

    Best regards,

    Marc

    #1247170

    Hi 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,
    Victoria

    #1247173

    Hi,

    Here it is!

    Thanks again…

    Best regards,

    Marc

    #1247258

    Hi 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,
    Rikard

    #1247278

    Hi !

    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

    #1247339

    Hi 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,
    Victoria

    #1247347

    Hi Victoria,

    The 2 pages are :
    – informatique
    – communication

    I insert a block with an image in background. I dont need them in a mobile view.
    Thanks!

    Best regards,

    Marc

    #1247362

    Hi 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,
    Victoria

    #1247394

    Hi !
    That’s perfect!
    A big thanks to all of you, you’re cool…
    Have a nice day!
    Kind regards,
    Marc

    #1247402

    Hi 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

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Header hidden in mobile view’ is closed to new replies.