Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 27, 2021 at 10:53 am #1302569
    amyteslin

    Hi Guys,
    A couple of things:
    1. On mobile I have hidden the phone menu but it has also hidden the burger menu. How can I get it to look like this with also a phone icon instead of the text that is on mobile?
    Screenshot-2021-05-27-at-09-46-44

    I’ve created an advanced slider that looks amazing on desktop but has scaled badly on mobile. I need it to look like the above screen shot too.
    I did play with some css changing the margins but it looked bad when rotating to landscape on mobile.
    Is there a way to get the scaling more accurate?

    Home

    I need it looking like this https://ibb.co/mq9X14V

    The CSS I tried
    @media only screen and (max-width: 480px) {
    h5.ls-layer {
    height: 100px !important;
    margin-top: -40px!important;
    line-height: 2em !important;
    position: static!important;
    }

    h2.ls-layer {
    font-size: 15px!important;
    margin-left:-25px!important;
    max-width: 200px!important;
    margin-top: -70px!important;
    border: none !important;
    }
    h3.ls-layer {
    font-size: 15px!important;
    margin-left:-60px!important;
    max-width: 100px!important;
    margin-top: 10px!important;
    }
    .rotate {
    width: 130px!important;
    height: 130px!important;
    margin-left: -30px!important;
    margin-top: -50px!important;
    }
    .arrow {
    margin-top: 30px !important;
    margin-left: -10px!important;
    font-size: 30px !important;
    }}
    media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
    background: transparent!important;
    position: absolute!important;
    }}

    May 31, 2021 at 11:15 am #1303151
    Ismael

    Hey amyteslin,

    Thank you for the inquiry.

    The mobile menu is visible on mobile view, and the layer slider resizes correctly as expected and looks totally fine on smaller screens. Did you manage to find a solution for the issues above?

    This is how the site looks on our end.

    Screenshot: https://imgur.com/YEtd0hi

    The screenshots that you posted above are not loading properly on our end. Please post it again using imgur or dropbox.

    Best regards,
    Ismael

    June 1, 2021 at 10:06 am #1303367
    amyteslin
    This reply has been marked as private.
    June 3, 2021 at 6:59 am #1303710
    Ismael

    Hi,

    Thank you for the update.

    In the layer settings, there is an option where you can define the minimum font size. The option is located in the layers’ Styles > Text | Font Style panel. For images or non-text layers, you can use the Custom CSS field in the same Styles panel to define a minimum height or width for the layer.

    Best regards,
    Ismael

    June 3, 2021 at 11:17 am #1303740
    amyteslin
    This reply has been marked as private.
    June 7, 2021 at 2:19 am #1304309
    Ismael

    Hi,

    Alright. To align the burger menu with the search icon, try to use this css code.

    @media only screen and (max-width: 767px) {
  .responsive #top .av-logo-container #avia-menu {
    margin: 0;
    width: 100%;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: inline-block;
  }
}

    Best regards,
    Ismael

    June 7, 2021 at 12:09 pm #1304388
    amyteslin
    This reply has been marked as private.
    June 7, 2021 at 5:28 pm #1304453
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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