Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 5, 2016 at 6:16 pm #708717
    paso70

    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

    Welcome

    I would like to activate mobile menu 990px you can

    November 6, 2016 at 7:58 am #708792
    Rikard

    Hey paso70,

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

    Best regards,
    Rikard

    November 6, 2016 at 9:45 am #708813
    paso70

    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”

    November 8, 2016 at 8:19 am #709637
    Nikko

    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 8 years, 1 month ago by Nikko.
    November 8, 2016 at 9:42 am #709663
    paso70

    no non work :-(

    November 8, 2016 at 10:20 am #709679
    Nikko

    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

    November 8, 2016 at 2:51 pm #709834
    paso70

    ok
    thanks

    November 9, 2016 at 8:46 am #710112
    Nikko

    Hi,

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

    Best regards,
    Nikko

    February 7, 2017 at 11:21 am #743813
    paso70

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

    February 9, 2017 at 9:54 pm #745090
    paso70

    ?

    February 11, 2017 at 10:47 am #745738
    Vinay

    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

    February 11, 2017 at 11:00 am #745745
    paso70

    ok no work sorry…

    February 16, 2017 at 10:30 am #747886
    Ismael

    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

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