Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1246354

    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

    #1246499

    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

    #1246517

    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

    #1246963

    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

    #1247007

    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

    #1247037

    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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Button-Size / Changing in mobile view’ is closed to new replies.