Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 16, 2020 at 3:29 pm #1246354
    designbasis

    Hi Folks,

    new question: how can I change the size of a button in the mobile view?
    First please take a look on my customers startpage, where the button is. :)
    You’ll find it on the left side right under the fullscreen-slider. The button is
    orange and have a camera on it.

    In the desktop-view the size and position is allright! But in the mobile view
    the button is to big and it walks to much over the fullscreen-slider. I want
    the button-behaviour like on my screenshot. Please take a look on it. Is that
    possible to do? I hope so. :-)

    Kind regards
    Carsten

    September 17, 2020 at 12:07 pm #1246499
    Rikard

    Hey Carsten,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home #after_full_slider_1 .av_one_fifth {
    margin-top: -40px;
}

.home #after_full_slider_1 .avia-image-container img {
    display: table;
    margin: 0 auto;
}
}

    Best regards,
    Rikard

    September 17, 2020 at 1:05 pm #1246517
    designbasis

    Hey Rikard,

    thank you for your reply and the snippets!

    They working quite good but not perfect. ;-) Take a new look on
    the new screenshot. You’ll see that the button is right now in
    the middle – great! But it is also still to far over the slider. I want
    the button complete under the slider. Changing the “margin-top”
    did change unfortunately nothing. ;-/

    Kind regards
    Carsten

    September 19, 2020 at 4:20 am #1246963
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
.home #after_full_slider_1 .av_one_fifth {
    margin-top: -40px !important;
}

.home #after_full_slider_1 .avia-image-container img {
    display: table;
    margin: 0 auto;
}
}

    Best regards,
    Rikard

    September 19, 2020 at 6:17 pm #1247007
    designbasis

    Hi Rikard,

    thx for the new snippets! Now it works perfect…great!
    It seems that this problem is solved! :)
    See you soon…

    Bon Weekend
    Carsten

    September 20, 2020 at 3:39 am #1247037
    Mike

    Hi,
    Glad Rikard could help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Button-Size / Changing in mobile view’ is closed to new replies.