Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 23, 2018 at 7:51 pm #901640
    farrdesign79

    Home

    Trying to make the sidebar header collapse at a larger screen size, so it does not appear on an ipad. Is there a way this can be done?

    January 23, 2018 at 9:56 pm #901692
    Jordan Shannon

    Hey Shane,

    You want it removed completely on mobile?

    Best regards,
    Jordan Shannon

    January 23, 2018 at 10:41 pm #901739
    farrdesign79

    Yes, at 1024px, so it is not there for an iPad. It covers up the content and is not needed for that size.
    http://quirktools.com/screenfly/#u=http%3A//stellofoods.com&w=1024&h=768&a=22

    January 24, 2018 at 10:33 am #902025
    Victoria

    Hi Shane,

    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) {
    .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; min-height:0;}
    .responsive #top #main {padding-top:0 !important; margin:0;}
    #header .avia-custom-sidebar-widget-area {
      display:none;
    }
    .responsive.html_header_sidebar .logo {
      padding: inherit;
    }
    .html_header_sidebar .logo img {
        width: 20%;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 25, 2018 at 9:55 pm #903044
    farrdesign79

    Thanks so much!

    January 25, 2018 at 10:07 pm #903049
    Nikko

    Hi,

    Glad that Victoria helped you. Let us know if you need further assistance or if we can close the thread :)

    Best regards,
    Nikko

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