Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1010270

    Hi Support,

    I have a problem with responsive mode activation time/size.
    My website mobile menu and header activation is too late. So on MacBook 12″ only barely good, but iPad landscape mode is awful… The menu items on each other and on the logo…or no menu items just a blue header and not transparent logo.

    Please help me. I try so many css but none of them working.

    Thank you,
    Peter

    #1010305

    Hi Peter,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1150px) {
      nav.main_menu {
        display: block !important;
      }
      #avia-menu .menu-item {
        display: none;
      }
      .av-burger-menu-main.menu-item-avia-special {
        display: block;
      }
    }
    

    Best regards,
    Rikard

    #1010359

    Hi Rikard,

    Thank you, the css is working, but as I diminutive the the window will come a width (maybe iPad landscape mode) where the header is blue, the letters and logo not visible.

    Thanks,
    Peter

    #1010373

    Hi Peter,

    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 (min-width:768px) and (max-width: 1024px) {
        #top .av_header_transparency .header_bg {
            background-color: #fff;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1010383

    Thank you Victoria, it’s perfect! :)

    #1010421

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.