Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 22, 2021 at 9:30 pm #1274861
    bemodesign

    I’ve tried to find CSS code online, and nothing is changing it or moving. Please let me know how to move up the captions and buttons so that I can see it on mobile. Also would like to increase the image size height. Thanks

    January 24, 2021 at 4:23 am #1275012
    Rikard

    Hey bemodesign,

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

    @media only screen and (max-width: 767px) {
.home #full_slider_1 .slideshow_caption {
    padding-top: 5px;
}

.home #full_slider_1 .avia-slideshow-button {
    margin-top: 0;
}
}

    Best regards,
    Rikard

    January 25, 2021 at 5:59 pm #1275313
    bemodesign

    Didn’t work. For some reason, any code I put in doesn’t seem to change anything on mobile.

    January 26, 2021 at 7:35 am #1275396
    Jordan Shannon

    Hi,

    Did you add the code to the top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    January 26, 2021 at 11:06 pm #1275580
    bemodesign

    Still doesn’t move the captions or links on mobile. Its at the top and I’ve flushed cache a bunch of times. Here is my current CSS

    @media only screen and (max-width: 767px) {
    .home #full_slider_1 .slideshow_caption {
    padding-top: 5px;
    }

    .home #full_slider_1 .avia-slideshow-button {
    margin-top: 0;
    }
    }

    @media only screen and (max-width:767px) {
    .responsive #top #wrap_all #header {
    position: fixed !important;
    }

    .responsive #top #main {
    padding-top: 110px !important;
    }
    }

    .phone-info {
    font-size: 15px;
    }

    #top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(0,20,20,.8);
    }

    @media only screen and (max-width: 1260px) {
    nav.main_menu {
    display: block !important;
    }
    #avia-menu .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    January 27, 2021 at 9:50 pm #1275886
    Victoria

    Hi bemodesign,

    I added the code for you, please check.

    Best regards,
    Victoria

    January 27, 2021 at 10:05 pm #1275893
    bemodesign

    Still shows this on my iphone: https://photos.app.goo.gl/586nHeiESC4KU8ZG9

    January 28, 2021 at 9:03 pm #1276130
    Victoria

    Hi bemodesign,

    Which iPhone are you using? In this case, we will need to further reduce the font of the top heading.

    Best regards,
    Victoria

    January 28, 2021 at 9:19 pm #1276142
    bemodesign

    Wait! It’s working now!! Not sure what it was. but thanks!

    January 29, 2021 at 7:53 pm #1276388
    Victoria

    Hi bemodesign,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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