Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 23, 2020 at 3:12 pm #1262407
    ivancg

    Hello,
    I need assistance with 5 problems in mobile view.

    1) I have transparent header. Mobile menu by default opens itself from the top of the page. Now I would like to set it up in this way – not to open it from the top of the page, but below the logo.
    Same as on this website: http://www.greenacres.co.nz

    2) How to set up a distance from logo and next element (but only in mobile view)?

    3) How to add text “menu” below the mobile menu icon?

    4) I have problem with footer view in mobile. I upload image in footer, and set up full width footer. Everything is perfect in desktop view.
    But in mobile view, some green color appears below and after my image.

    5) In mobile view, when I click the menu icon – is it possible that link “Our services” is already opened, so it can show these 2 links?

    • This topic was modified 4 years ago by ivancg.
    November 24, 2020 at 10:44 pm #1262828
    Victoria

    Hey ivancg,

    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) {

  body .container_wrap .avia-builder-el-first {
        margin-top: 80px !important;
  }
.footer_color {
    background-size: cover;
}
}

    5) This can be set in the Theme options > Main menu
    Screenshot 2020-11-24 at 22.30.35.png

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 25, 2020 at 11:51 am #1262975
    ivancg

    Hello,

    Problems No. 2 and 4 are solved. Thanks.

    Please help me with other problems No. 1,3 and 5.

    About Problem No. 5 – I do not need to display all submenu items opened. I just need these 2 megamenu items to be opened ( Garden Landscaping. Gardening Services), not other links under them.

    Thanks in advance

    November 27, 2020 at 12:57 pm #1263505
    Yigit

    Hi,

    1&3- Please add following code to Quick CSS in Enfold theme options > General Styling

    .html_av-overlay-side-classic #top .av-burger-overlay {
    top: 80px;
}
.av-hamburger strong {
    display: block;
    position: absolute;
}

    5- Please go to Enfold theme options > Main Menu > Burger/Mobile Menu and choose “Always display submenu items” in “Menu Icon Submenu items” :)

    Best regards,
    Yigit

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