Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #708717

    I created the site with a menu and logo to the left ( av_header_left) ,
    how can I activate the floating menu to 990px…

    used demo

    I would like to activate mobile menu 990px you can

    #708792

    Hey paso70,

    You can do that if you change the Header Mobile Menu activation option under Enfold->Header->Mobile Menu.

    Best regards,
    Rikard

    #708813

    I have this pop-up:
    “These options are only available if you select a layout that has a main menu positioned at the top. You currently have your main menu placed in a sidebar

    You can change that setting at General Layout”

    #709637

    Hi,

    Try adding this code in your Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:990px) and (min-width:768px) {
    	.responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left:0; padding-right:0; float:none;}
    
    	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
    	.responsive #top .av_header_transparency .logo img.alternate{display:none;}
    
    	.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1;}
    	.responsive #top #main {padding-top:0 !important; margin:0;}
    	.responsive #top #main .container_wrap:first-child{ border-top:none; }
    	.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
    	.responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
    	.responsive .phone-info span{margin:0;padding:0; border:none;}
    	.responsive.html_header_top #header_main .social_bookmarks ,
    	.responsive.html_top_nav_header #top .social_bookmarks { right: 50px; width:auto; margin-top:-16px; }
    
    	.responsive .main_menu{display: none;}
    	.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
    	.responsive .logo a{display:table-cell; vertical-align: middle;} 
    	.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
    	.responsive #header_main .container{height:auto !important; }
    	.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
    	.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
    	.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
    	.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
    	.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
    	.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
    	.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
    	.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
    	.responsive #header .social_bookmarks li{float:none; display: inline-block;}
    	.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
    	.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
    	.responsive .logo img{margin:0;}
    	.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
    	.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
    
    	.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
    	.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
    	.responsive #top .av_header_transparency #header_main_alternate, 
    	.responsive .av_header_transparency #header_main .social_bookmarks li a,
    	.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
    	.responsive #top .av_header_transparency #header_meta, 
    	.responsive #top .av_header_transparency #header_meta li,
    	.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
    	.responsive.html_top_nav_header .av-logo-container{height:auto;}
    	.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
    	#top #header_main { background:#fff; position: fixed; }
    	#top #advanced_menu_toggle { display: block; }
    }

    Let us know if it works :)

    Best regards,
    Nikko

    • This reply was modified 7 years, 4 months ago by Nikko.
    #709663

    no non work :-(

    #709679

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Nikko

    #709834

    ok
    thanks

    #710112

    Hi,

    The login you have posted doesn’t work, please check.

    Best regards,
    Nikko

    #743813

    sorry …
    Sorry for the delay .. I Got Trouble
    Can you help me again?

    #745090

    ?

    #745738

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 990px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
    }
    

    Best regards,
    Vinay

    #745745

    ok no work sorry…

    #747886

    Hey!

    We added the following css code in the Quick CSS field. If possible, please move it in the style.css file so that it will be applied on all languages

    @media only screen and (max-width: 1024px) {
      .responsive #top #wrap_all #header {
        position: relative;
        width: 100%;
        float: none;
        height: auto;
        margin: 0 !important;
        opacity: 1;
      }
    
      .responsive #top #wrap_all .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        float: none;
      }
    
      .responsive #top .logo {
        position: static;
        display: table;
        height: 80px !important;
        float: none;
        padding: 0;
        border: none;
        width: 80%;
      }
    
      .responsive .logo a {
        display: table-cell;
        vertical-align: middle;
      }
    
      .responsive .logo img {
        height: auto !important;
        width: auto;
        max-width: 100%;
        margin: 0;
        display: block;
        max-height: 80px;
      }
    
      .responsive #header_main .inner-container, 
      .responsive .main_menu {
        position: static;
      }
    
      .main_menu .avia-menu, #header_main_alternate, 
      .fallback_menu {
        display: none;
      }
    
      .responsive #top #main {
        padding-top: 0 !important;
        margin: 0;
      }
    
      .container #advanced_menu_toggle, 
      #advanced_menu_hide {
        display: block;
      }
    
      .responsive.html_header_sidebar #top #header .social_bookmarks {
        display: none;
      }
    }

    Regards,
    Ismael

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