Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 18, 2014 at 7:47 pm #280709
    Kevin

    Hello Support,

    http://shelliv.bydecosta.com/

    On the HomePage when viewing the site on the browser full screen the Image with text “Draw outside the lines. Question login. NEVER question your dreams.” aligns perfect with the 4 images that are on the right side.

    3/5
    is big image on the left

    1/5
    2 images

    1/5
    2 images

    When the browser resized, the bottom of the big image doesn’t align with the other 4 images that are on the right.

    What can I do to allow me to do get it to align.

    Here is the shortcode as well in case its needed.
    [av_three_fifth first]

    [av_textblock]
    sv_manifesto_v1
    [/av_textblock]

    [/av_three_fifth][av_one_fifth]

    [av_textblock ]
    sv_pn04
    [/av_textblock]

    [av_codeblock wrapper_element='' wrapper_element_attributes='']
    <div style=”margin-bottom: 28px;”></div>
    [/av_codeblock]

    [av_textblock ]
    sv_pn02
    [/av_textblock]

    [/av_one_fifth][av_one_fifth]

    [av_textblock]
    sv_pn03
    [/av_textblock]

    [av_codeblock wrapper_element='' wrapper_element_attributes='']
    <div style=”margin-bottom: 28px;”></div>
    [/av_codeblock]

    [av_textblock]
    sv_pn01
    [/av_textblock]

    Hope you can help.

    June 19, 2014 at 3:02 am #280913
    Ismael

    Hey Marcelo!

    Thank you for the info.

    Edit the draw outside the lines image, add a css class selector. Use “draw-question-image” for example, something like this:

    <img class="alignnone size-full wp-image-4032 draw-question-image" src="http://shelliv.bydecosta.com/wp-content/uploads/sv_manifesto_v1.jpg" alt="sv_manifesto_v1" width="697" height="400">

    Use media query then apply a minimum height for the image on smaller screens to re-align it:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.draw-question-image {
min-height: 240px;
}
}

    Best regards,
    Ismael

    August 20, 2014 at 10:02 pm #307077
    Kevin

    Thanks Josue this request can be closed.

    Thanks again.
    MP

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Page Question on 2 Columns when resizing is not aligning’ is closed to new replies.