Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 27, 2022 at 9:20 pm #1370495
    diefleischerei

    Hallo, ich nutze diese Code:

    /* Mansory Übersicht Fotos volle Breite - Mobile Ansicht */ 
@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; 
}
}

    um den Inhalt eines Mansory auf volle Breite laufen zu lassen in Mobile View. Hier z.B. https://cookinggrannies.com/#rezepte

    Wie kann ich diesen Effekt auch hier zuweisen: https://cookinggrannies.com/interviews/ Wie finde ich heraus welches Mansory das ist? Ist das Mansory-2 ?? Danke.

    October 29, 2022 at 1:48 pm #1370632
    Rikard

    Hey diefleischerei,

    The elements look full width on my end already on the first link, did you manage to find a solution?

    I’m not sure I understand what you are looking for on the second link, could you try to explain your intentions a bit further please?

    Best regards,
    Rikard

    October 31, 2022 at 1:09 pm #1370801
    Guenni007

    it is masonry-1 again but not on home page 

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

    to avoid that you always have to look what ID or on what page/post you are – it maybe better to give to those masonries a custom-class to have a unique selector. 

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #main .av-masonry.custom-class {
    width: 100vw !important; 
    position: relative !important; 
    left: calc(-50vw + 50%) !important; 
  }
}
    November 1, 2022 at 12:31 pm #1370890
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

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