Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 6, 2018 at 10:05 pm #952398
    May 8, 2018 at 5:52 am #953094
    Victoria

    Hey sitibus,

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    May 8, 2018 at 6:16 pm #953496
    sitibus

    No I was talking about the mobile versione of the site. Can you try on a mobile phone please? I would like to have the logo centered and the hamburger menu on the right side

    May 10, 2018 at 12:35 pm #954506
    Ismael

    Hi,

    Thanks for the update. Use this additional css codes to adjust the position of the mobile menu.

    @media only screen and (max-width: 767px) {
#top #menu-item-search {
    display: none;
}

.responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
    margin-left: -25px;
}
}

    Best regards,
    Ismael

    May 12, 2018 at 9:53 am #955645
    sitibus

    I did as you told me but nothing changes. The logo is not centered still

    May 12, 2018 at 1:01 pm #955717
    Victoria

    Hi sitibus,

    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 .inner-container .logo {
        width: 25%;
        margin: 0 auto;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 14, 2018 at 10:12 am #956336
    sitibus

    It’s not working yet.
    I can give you private access if you want

    May 15, 2018 at 3:58 pm #957056
    Ismael

    Hi,

    Thanks for the update. We added the css codes in the Quick CSS field. This is the screenshot of the result.

    // https://imgur.com/a/XhiVfE4

    Is that what you’re after?

    Best regards,
    Ismael

      May 16, 2018 at 11:03 am #957439
      sitibus

      mmm no… I would like to have the logo perfectly centered and the hamburger menu on the right. would it be possible?

      May 17, 2018 at 8:07 am #957985
      Nikko

      Hi sitibus,

      Yes, can you try adding this css code in Quick CSS:

      @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    position: absolute;
    left: auto;
    right: 0;
    text-align: right;
  }
}

      Hope it helps.

      Best regards,
      Nikko

      October 6, 2020 at 5:34 pm #1250890
      vergara

      Hi! i’ve been trying hours to put logo and hamburguer menu (mobile) in the exact middle of the page, logo on the top, burger menu below the logo, without luck :(

      I tried every piece of code you put here but the menu it stills on the right side instead of below the logo in the center. You published an image that is exactly what i need to do: https://imgur.com/a/XhiVfE4

      Can you help me with this please? i will send credentials so you can take a look. If is too much to ask, please give me some advice to achieve this… thanks!!

      ps: How can i pay for customization? i need a couple of tweaks too… thank you ;)

      October 8, 2020 at 11:25 am #1251376
      Ismael

      Hi,


      @vergara       : The css code above will only center align the logo and the burger menu. They will not place the logo inside the mobile menu container. Placing a logo inside a mobile menu will require a custom script. Unfortunately, this modification is beyond the scope of support.

      You could try adding the logo in one of the menu items using an img tag, but we are not sure if the current script will include it in the mobile menu.

      // https://www.w3schools.com/tags/tag_img.asp

      If you need further help, please create a new thread and post the necessary details in the private field.

      Best regards,
      Ismael

      October 8, 2020 at 2:26 pm #1251431
      Guenni007

      but your link on top is no enfold theme – it is gaia
      So i guess Enfold support is the wrong place to ask?

      for the link ( https://www.urasessence.it/ ) above – and only for small screens : 

      @media screen and (max-width:414px) {
  #mobile-bar {
    max-height: 100px;
    height: 100px;
  }
  .breakpoint .logo a img {
    height: 50px !important;
  }
  .logo-container {
    float: none;
    width: 100% !important;
    display: inline-block;
  }
  .logo {
    display: inline-block;
  }

  .breakpoint .logo a img.logo-img, #mobile-bar #toggle {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}
    1. Author
      Posts
    Viewing 13 posts - 1 through 13 (of 13 total)
    • You must be logged in to reply to this topic.