Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1369863

    Hallo. Ich habe bei meinen Blog-Beiträgen immer Videos von Youtube eingebunden.
    Z.B: hier: https://cookinggrannies.com/omas-bestes-gericht-festspiele-der-alpinen-kueche-zell-am-see-2022/

    Wäre es möglich das Videoelement nur in der mobilen Ansicht am Smartphone bis zum Rand laufen zu lassen. Kann ich das über einen Tag in der Farbsektion machen also einem Style damit ich das bei Bedarf einem Video zuweisen kann. Ich hoffe es ist verständlich erklärt.

    Liebe Grüße, Alex

    #1369903

    Hey diefleischerei,
    Thanks for the link to your post and the screenshot, I see the video is inside a column, try adding the custom class full-width-mobile-video to the column and then try this css:

    @media only screen and (max-width: 767px) { 
    #top.single-post .full-width-mobile-video {
      width: 100vw !important; 
      position: relative !important; 
      left: calc(-50vw + 50%) !important; 
    }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1369978

    Danke Mike. Ich habe das übernommen und den Code eingefügt. Das Video wird aber nach wie vor nur schmal angezeigt. Also es läuft nicht bis zum Rand des Smartphones :) Hast du dazu noch einen Tipp.

    Muss ich “full-width-mobile-video” dem Video noch zuweisen?

    #1370018

    Hi,
    Please add this class full-width-mobile-video to the column that the video is in, I checked the page you linked to and the class is not found in the page. If you have trouble adding the class please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    #1370054

    Danke, das klappt ganz wunderbar.

    Nur mal so gefragt. Gibt es auch einen einfachen Weg die Mansory Übersicht der Beiträge in voller Breite (nur in der mobilen Ansicht!) darzustellen?

    #1370148

    Hi,
    Try this css:

    @media only screen and (max-width: 767px) {
    .responsive #top.home #wrap_all #main #av-masonry-1 {
      width: 100vw !important; 
      position: relative !important; 
      left: calc(-50vw + 50%) !important; 
    }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1370217

    Vielen Dank. Hat wunderbar funktioniert nur ein kleines Problem habe ich noch :)

    Kann ich den Texr für die Sortierung mittig ausrichten anstellen von linksbündig damit es nicht so sehr am Rand “klebt”? Siehe hier: https://imgur.com/a/YLWZB1v

    P.S: Kann ich im Quick CSS Feld auch so Code kommentieren? /* Mansory Übersicht Fotos volle Breite – Mobile Ansicht */

    Also mit /* ? Danke, lg Alex

    #1370220

    Hi,
    Try adding this css:

    @media only screen and (max-width: 767px) {
    .responsive #top.home #wrap_all #main #av-masonry-1 .av-current-sort-title {
        float: none;
    }
    }

    yes, you can add a comment in the quick css like this:

    /* Mansory Übersicht Fotos volle Breite – Mobile Ansicht */

    Best regards,
    Mike

    #1370222

    Danke Mike, klappt wunderbar. Closed!

    #1370225

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Video in Farbsektion bis zum Rand vergrößern.’ is closed to new replies.