Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #237852

    after upgrading to latest version of enfold (version 2.1 to 2.6.1) I have encountered a few issues…using wp 3.8.1

    1. layer slider not showing as normal? The preview shows one thing and live site shows another? http://cl.ly/image/0k2k0B2m0P09 (spacing issue will not fix between layer words)
    2. some of my previous css is not working in the enfold panel (css) i.e. my search icon is missing from mobile…I added css to have this work on mobile.

    @media only screen and (max-width: 767px) {
    .responsive #header .main_menu ul, .responsive #header .main_menu ul {
    display: block !important;
    position: absolute;
    background: none;
    top: -20px;
    right: 0;
    }

    .responsive #header .main_menu ul li {
    display: none;
    }

    .responsive #header .main_menu ul li:last-child {
    display: block !important;
    }
    }

    These are just issues I have spotted.

    The help would be much appreciated.

    site: http://cl.ly/3F042y022K0j

    #238831

    Hi wesleysoccer!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) { 
    .main_menu, #header_main_alternate {
    display: block!important;
    }
    #top #menu-item-search { right: -100%; }}

    It will display search icon right to the mobile menu

    Best regards,
    Yigit

    #238838

    thanks and sorry for the duplicate post…i forgot I posted it…

    the above did not work? Any thoughts…

    #238841

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) { 
    .responsive .main_menu {
    position: relative;
    }
    #top #menu-item-search { display: block !important; }
    #top .main_menu .menu li { display: none; }
    .responsive #header .main_menu ul {
    display: block;
    }}

    Regards,
    Yigit

    #238846

    thanks but still not showing unless it’s behind the mobile navigation?

    #239108

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    .main_menu, #header_main_alternate {
    display: block;
    }}

    Best regards,
    Yigit

    #239120

    great that did it but it’s position changes between landscape to portrait on the mobile. it should stay in the same position. thank u.

    #239161

    Hi!

    Please add this at the very bottom of Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
    #top #menu-item-search {
    display: block !important;
    position: absolute;
    right: 60px;
    top: -30px;
    }
    }

    Cheers!
    Ismael

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