Okay
  Public Ticket #258852
Text is overlapping image when screen start to be reduced
Closed

Comments

  • Alfiya started the conversation

    Hello guys,

    I have visuals crossing when we use image on the left and text on the right here:

    http://madebymaud.com/realisations/

    It's adapting fine when the image is on the right and text on the left. 

    I noticed that it's bugging in your demo version too:

    http://madebymaud.com/portfolio/geowolf-social (your demo page that comes with the theme). Same problem.

    It's really annoying and looks clumsy for anyone who starts to reduce website page on standard desktop screen :(

    Do you have any solution for this? 

    Thank you very much in advance!

    Alfiya


  •  1,070
    ThemeNectar replied

    Hey Alfiya!

    This is occurring because of the custom css you have:

    .img-with-aniamtion-wrap:last-child img {
    margin-bottom: 0;
    max-width: 600%; 
    }
    
    and
    .wpb_wrapper > div:last-child, .row .wpb_wrapper > img:last-child, .row .wpb_wrapper > .img-with-aniamtion-wrap:last-child img {
    padding-right: 100px;
    }
    
    If you remove those this will be sorted :)
  • Alfiya replied

    Hi Tahir,

    Thank you for your help!

    I see the problem!

    How did you achieve to have a huge popping up halfside image in your demo page here:

    http://themeforest.net/item/salient-responsive-mul... (I attached the printscreen, I'm talking about the ipad image)

    What is the best practice? To have 1/3 text and 2/3 image row with a big image without background?

    Please advice how you created it? 

    Thank you very much in advance!

    Alfiya


  •  1,070
    ThemeNectar replied

    Hey again!

    It's a full width background row with this image set as the BG http://themenectar.com/demo/salient-frostwave/wp-c... - the column set up inside of it is 1/2 + 1/2 with the second column just empty and all of the content inside of the first. If you would like the code for that project I could also provide if you never imported the dummy data files.

    Cheers