-
AuthorPosts
-
October 23, 2022 at 3:07 pm #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
October 23, 2022 at 10:08 pm #1369903Hey 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,
MikeOctober 24, 2022 at 1:57 pm #1369978Danke 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?
October 24, 2022 at 5:43 pm #1370018Hi,
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,
MikeOctober 24, 2022 at 8:57 pm #1370054Danke, 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?
October 25, 2022 at 12:29 pm #1370148Hi,
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,
MikeOctober 25, 2022 at 5:39 pm #1370217Vielen 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
October 25, 2022 at 6:05 pm #1370220Hi,
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,
MikeOctober 25, 2022 at 6:15 pm #1370222Danke Mike, klappt wunderbar. Closed!
October 25, 2022 at 6:21 pm #1370225Hi,
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 -
AuthorPosts
- The topic ‘Video in Farbsektion bis zum Rand vergrößern.’ is closed to new replies.