Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 17, 2017 at 6:39 pm #878239
    sdesign-web

    hello,
    I want to use the header with center menu above the logo and extra information bar above.

    i have a problem with the position of the logo in header :
    – without the extra information bar the position of the logo is OK
    – WIth the extra information bar above, the logo in the header is “cut” – below the menu – ( see screenshot example in private content )

    I also have a problem with the display of the search ajax icone in smartphone size : it get over the logo

    Thank you in advance for your help
    kind regards

    stan

    November 17, 2017 at 7:15 pm #878260
    Victoria

    Hey stan,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 20, 2017 at 2:54 pm #879137
    sdesign-web

    Hi Victoria,
    please find in private content tempory access.
    Thank you
    Best Regards,
    Stan

    November 21, 2017 at 8:55 am #879556
    Victoria

    Hi Stan,

    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

    
.av-section-bottom-logo.header_color {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .html_header_top.html_logo_center .logo {
    left: 0%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    }
}
@media only screen and (max-width: 767px) {
  .responsive .logo img {
    width: 75%;
  }
  .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 21, 2017 at 10:39 am #879625
    sdesign-web

    Hello Victoria,
    Thank you very much for your reactivity and help, it works fine with code in quick css !!

    Just an extra question, is it possible to have the same behavior of the menu with the logo at the top of the menu ? ( I mean when scrolling down only the menu remains stick at the top ).

    Kind regards,

    Stan

    November 25, 2017 at 1:20 pm #881580
    Victoria

    Hi Stan,

    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) {
  .responsive #top #wrap_all #header {
    position: fixed;
  }
  #header {
    background: #fff;
  }
  .responsive #top #wrap_all .av-logo-container, .av-burger-menu-main.menu-item-avia-special a {
    height: 80px !important;
      line-height: 80px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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