Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 20, 2017 at 3:00 pm #879140
    Iowah

    Hi,

    Can you help me with creating Quick CSS for the easy slider on the mobile?
    I would like to position the picture on the right spot.
    I would like to align the tekst next to the picture (left or right side)
    And I would like to see the buttons I created, so determine the height of the banner.

    Can you help me out?

    Greetings Iowah

    November 21, 2017 at 9:11 am #879564
    Victoria

    Hey Iowah,

    The two links are confusing. With which slider do you need help on the test server or on the live one? Had another sip of coffee and reconsidered :)

    I see you added some code in Quick css on the first website it makes the slider look like what it is. Can you remove it for a while? I do not want to try to adjust adjustments.
    Image 2017-11-21 at 09.19.29.png

    Best regards,
    Victoria

    • This reply was modified 6 years, 12 months ago by Victoria.
    November 21, 2017 at 2:35 pm #879735
    Iowah

    I removed the code. You can now work freely with it.
    Thanks Victoria.

    Just for my administration this is the code:

    @media only screen and (max-width:479px) {
    .home #full_slider_1 ul.avia-slideshow-inner {
    min-height: 300px;
    }

    .home #full_slider_1 ul.avia-slideshow-inner li img {

    height: 300px;
    width: auto;
    max-width: none;
    position: relative;
    left: 50%;
    margin-left: -320px;
    }
    }

    November 23, 2017 at 1:25 pm #880689
    Iowah

    Hi team of Enfold,

    Can you please look at the requested above.

    Love to hear from you.

    Greetings Iowah

    November 25, 2017 at 7:53 am #881517
    Nikko

    Hi Iowah,

    Can you post a screenshot on how it looks on your mobile device? I have checked it with my android phone and it seems to be looking good, both buttons are placed properly, and the text seems to be okay (one letter touched the face in the image).

    Best regards,
    Nikko

    November 29, 2017 at 12:21 pm #883015
    Iowah

    I am working on a couple of new websites at the moment. And on my iPhone 5 SE they don’t show the buttons. And I also would like that the tekst does not go through faces.

    November 30, 2017 at 10:16 am #883309
    Iowah

    Can you tell me how I can manage the display for the mobile?

    December 1, 2017 at 8:21 am #883765
    Ismael

    Hi,

    The css codes for each site would be different because the position of the subjects in the slider images differ. I would suggest adding a different slider on mobile view, one that can create a larger space for the caption such as the full screen slider. You can toggle the sliders’ visibility in the Screen Options panel. If you really want to adjust the caption position of the current slider, you can start with the following css code.

    @media only screen and (max-width: 768px) {
    .responsive #top .slideshow_caption h2 {
       font-size: 16px !important;
    }  

    .caption_right .slideshow_align_caption {
        text-align: right;
        top: 50px;
    }
}

    Best regards,
    Ismael

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