Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1137220

    Hello Kriesi Support Team

    I have a grid row section with a background image, set to 75% screen height. There is an image element, which is bottom aligned. This works perfectly in Desktop, but not on mobile.

    Would appreciate any help in getting these titles/images bottom aligned.
    Thanks so much.
    corina

    #1137857

    Hey Corina,

    Could you please attach some screenshots of the issue?

    It is not very clear which part is not working for you on mobile.

    Best regards,
    Victoria

    #1142341

    Hi Victoria

    Sure, sorry about the delay, I was out of the office for a couple of days.

    Here’s the mobile view, where the title is top aligned (should be bottom, like on desktop)
    https://www.dropbox.com/s/7i2ilgyofra2iuv/NN%20-%20Mobile%20View.jpeg?dl=0

    Here’s Desktop view with title bottom aligned, which is correct:
    https://www.dropbox.com/s/81cnl0xx4r0a99w/NN%20-%20Desktop%20View%20-%202019-09-26%2016.09.15.png?dl=0

    Hope that helps. The title is also an image.
    thanks heaps.
    Corina

    #1143130

    Hi Corina,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding .avia-image-container.avia-align-left {
        top: 210px;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1143437

    Hi Victoria.
    Perfect. Thanks so much for your help.
    All the best,
    Corina

    #1143661

    Hi Corina,

    Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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