Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 2, 2017 at 3:54 pm #803073
    Amigs

    Hi Support Team

    I now that default is for mobile device only a pictures allowed, but the times are change an in the time with 4G there sould be possivel to switch also to video sliders for mobile device. Is there any solution possible? Maybe some code changes…..

    All the best, Pascal

    • This topic was modified 7 years, 5 months ago by Amigs.
    June 2, 2017 at 4:20 pm #803087
    Jordan Shannon

    Hey Pascal,

    Unfortunately this is an individual device function. They won’t autoplay videos without user interaction. As web developers there is not much we can do for this, but perhaps speaking with and iOS or Android dev would be more appropriate. They would have a better insight into the workarounds of the device hardware.

    Best regards,
    Jordan Shannon

    June 3, 2017 at 11:40 am #803349
    Amigs

    Hi Jordan

    I understand. Maybe one solution is to create some spcial content with color-section,,with the video from the slider, who i show only on mobile?

    All the best,
    Pascal

    June 4, 2017 at 3:09 pm #803604
    Victoria

    Hi Pascal,

    You could try to do that. and test if that works.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 6, 2017 at 10:25 am #804426
    Amigs

    Ni Victoria

    Thank you for your answer, so could you help me. I would like to have color-section just for moble devce. How i made this:

    1. Post: https://reneechabot.com/fix-foto-london-2/
    2. Color Section ID video-london

    I try:

    .fullsize .content .entry-content-wrapper {
    #video-londont{
    display:none !important;
    }
    }

    But it does not work.

    All the best, Pascal

    • This reply was modified 7 years, 5 months ago by Amigs.
    June 6, 2017 at 4:04 pm #804547
    Jordan Shannon

    Hi,

    Are you looking for auto-play on mobile?

    Best regards,
    Jordan Shannon

    June 7, 2017 at 10:52 am #805007
    Amigs

    Hi Jordan
    Yes, but i think it is not possible for mobile? So i will show some extra content for mobile in color-section, but i only would show the color section on mobile. That was my question.

    All the best,
    Pascal

    June 7, 2017 at 2:58 pm #805097
    Jordan Shannon

    Hi,

    Oh I see yes this can be done. You can create a color section for mobile and give it a specific id so that you can show it on mobile via css. You would also want to add a specific id to the desktop section so it hides on mobile. Please view this document to see how to add the custom classes to the element:

    Turn on Custom CSS Class field for all ALB Elements

    An example of this css would be something like this:

    
@media only screen and (min-width: 769px) {
.only-mobile { display: none !important; }}
@media only screen and (max-width: 769px) {
.only-desktop { display: none !important; }}

    Best regards,
    Jordan Shannon

    June 7, 2017 at 4:22 pm #805137
    Amigs

    Hi Jordan
    Sounds good, so i installed like your description, but it does not work. Hmmm what did i wrong? https://reneechabot.com/fix-foto-london-2/
    And 2. question, could use the only-mobile and only-desktop and differnts post?
    All the best, Pascal

    June 7, 2017 at 4:35 pm #805146
    Jordan Shannon

    Hi,

    What do you mean by different posts?

    Best regards,
    Jordan Shannon

    June 7, 2017 at 5:12 pm #805184
    Amigs

    Hi Jordan

    Multiple post, and pages with the same color sections (only-desktop and only-mobile).

    All the best,
    Pascal

    PS: Sorry for my stupid englisch, i leaving in Switzerland (swiss german part)

    June 7, 2017 at 8:36 pm #805269
    Jordan Shannon

    Hi,

    Yes you can save a template to re-use if thats what you mean.

    Best regards,
    Jordan Shannon

    June 8, 2017 at 12:21 pm #805545
    Amigs

    Hi Jordan

    I did it like your post:

    @media only screen and (min-width: 769px) {
.only-mobile { display: none !important; }}
@media only screen and (max-width: 769px) {
.only-desktop { display: none !important; }}

    but it does not work on https://reneechabot.com/fix-foto-london-2/. Both color section apear.

    All the best,
    Pascal

    June 8, 2017 at 3:25 pm #805603
    Jordan Shannon

    Hi,

    Please provide admin info so I can log in and look into this further.

    Best regards,
    Jordan Shannon

    June 8, 2017 at 5:26 pm #805674
    Amigs

    Hi Jordan

    Here we are (see privat)

    All the best,
    Pascal

    June 8, 2017 at 5:47 pm #805683
    Jordan Shannon

    Hi,

    You just needed to change the classes to ids. Please see the adjustment I made:

    @media only screen and (min-width: 769px) {
#only-mobile { display: none !important; }}
@media only screen and (max-width: 769px) {
#only-desktop { display: none !important; }}

    Best regards,
    Jordan Shannon

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