Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 14, 2019 at 3:56 pm #1127639
    jacobedgren4

    Hi
    I have a problem with an image on my website. Ive been through this before but now there’s something new happening. Ive got 2 images directly under my top slider, one of a Grease show and one of a Bellemy Brothers show. In mobile view the latter (Bellemy) is full width (bleed) but the former (Grease) is not. I want both to be full width like the Bellamy image. Can you please help me with this.

    Thanks
    Jacob

    August 15, 2019 at 7:25 pm #1128004
    Victoria

    Hey jacobedgren4,

    Please remove the code given before and add this one:

    
@media only screen and (max-width: 767px) {
   .responsive #top #wrap_all .flex_column.avia-builder-el-2,
   .responsive #top #wrap_all .flex_column.avia-builder-el-9,
   .responsive #top #wrap_all .flex_column.avia-builder-el-3 {
      width: 124%;
      margin-left: -2em;
  }
}

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

    August 16, 2019 at 9:37 am #1128201
    jacobedgren4

    Thank you, it worked perfectly. If i add another show similar to Grease and Bellamy (making it 3 top shows), do i have to add something to the code? Sometimes there will be more than 2 and it would be nice if i understood how to change it myself :)

    Jacob.

    August 16, 2019 at 10:55 am #1128226
    jacobedgren4

    I also wonder if this code affects anything else than the images. Under menu item ”Hyr teatern” i got a preamble text that on mobile devices dont follow the margin of the headline. I want space both left and right on mobile devices. Any solution to this would be greatly appreciated.

    Jacob

    August 16, 2019 at 6:21 pm #1128324
    jacobedgren4

    Hiya again. I solved the margin problem with the css below

    @media only screen and (max-width: 767px) {
    .responsive #top.page-id-12 #wrap_all .flex_column.avia-builder-el-2,
    .responsive #top.page-id-12 #wrap_all .flex_column.avia-builder-el-9,
    .responsive #top.page-id-12 #wrap_all .flex_column.avia-builder-el-3 {
    width: 124%;
    margin-left: -2em;
    }

    Only the question in
    #1128201 that remains, then im a happy camper.
    Jacob

    • This reply was modified 5 years, 3 months ago by jacobedgren4.
    August 18, 2019 at 12:42 am #1128543
    Jordan Shannon

    Hi,

    I’m glad this one was resolved for you!

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Image dont bleed’ is closed to new replies.