Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 14, 2014 at 11:03 pm #237852
    wesleysoccer

    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

    • This topic was modified 10 years, 8 months ago by wesleysoccer.
    March 17, 2014 at 5:12 pm #238831
    Yigit

    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

    March 17, 2014 at 5:17 pm #238838
    wesleysoccer

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

    the above did not work? Any thoughts…

    March 17, 2014 at 5:24 pm #238841
    Yigit

    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

    March 17, 2014 at 5:28 pm #238846
    wesleysoccer

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

    March 18, 2014 at 3:07 am #239108
    Yigit

    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

    March 18, 2014 at 4:38 am #239120
    wesleysoccer

    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.

    March 18, 2014 at 7:27 am #239161
    Ismael

    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

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