Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 4, 2018 at 2:11 pm #937169
    HeeHA

    Hi
    We have a big logo. The logo need to cross top bar, header area and a little bit slider image.
    I found the logo area is under top bar.
    How to let it cover the top bar area.

    Here is our CSS code.
    /* CSS – Logo overlap content */
    #top .logo,
    #top .logo a{
    overflow: visible;
    }

    .logo img {
    height: auto;
    max-height: 180px !important;
    position: fixed;
    top: 0px;
    left: 0px;
    }

    .logo a:before {
    height: 20px;
    width: 11px;
    background: #ffffff;
    }

    Thanks!

    April 5, 2018 at 11:36 am #937622
    Victoria

    Hey HeeHA,

    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

    
#header_main {
    z-index: 15;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 5, 2018 at 5:51 pm #937836
    HeeHA

    Hi Victoria

    It’s great!
    But on the mobile version, The logo is cover whole top bar.
    On our top bar have language item, sitemap menu & welcome message etc.

    Screenshot :
    Computer/Notebook view:
    http://nimb.ws/Omo7f2

    Mobile view:
    http://nimb.ws/GvUCMK
    http://nimb.ws/kivUaW

    Hope it can be changed.

    Thanks!

    April 9, 2018 at 5:58 am #938949
    Victoria

    Hi HeeHA,

    You should have the burger menu on the screens up to 990px, this can be changed in Theme options.

    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 (max-width: 767px) {
  #top .logo img {
      height: auto;
      max-height: 100% !important;
      position: relative;
      top: auto;
      left: -2.1em;
      width: 90%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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