Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 23, 2019 at 7:36 pm #1057910
    edwinbaes

    Hello,

    I have a display problem between a computer and a smartphone.
    My page is divided in 2 vertically. Title on the left and picture on the right. Next line : Title on the right, image on the left, …

    On computer (it’s OK) :
    (it’s OK)
    A (title) – B (picture)
    B (image) – A (title)
    A (title) – B (picture)
    B (image) – A (title)

    On smartphone:

    A (title)
    B (image)
    B (image)
    A (title)
    A (title)
    B (image)
    B (picture
    …

    Is it possible to have this combination:

    A (title)
    B (image)
    A (title)
    B (image)
    …

    + Center Title?

    I put the link of the site in hidden.

    Thank you in advance for your help.

    Have a good day.

    January 24, 2019 at 4:08 pm #1058211
    Victoria

    Hey edwinbaes,

    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){
    .home #av-layout-grid-2, .home #av-layout-grid-4 {
        display: flex;
        flex-direction: column-reverse;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 24, 2019 at 5:09 pm #1058227
    edwinbaes

    Hello again Victoria,

    It works very well too. Thank you very much for your quick help.

    To align the text on mobile. is it possible ?
    The title is pasted at the top.

    Thanks in advance.

    Beautiful day

    January 25, 2019 at 12:55 pm #1058669
    Victoria

    Hi edwinbaes,

    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 (min-width: 480px) and (max-width:767px) {
     .responsive #top.home #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
        padding-top: 20vw;
    }
 }

@media only screen and (max-width: 479px) {
    .responsive #top.home #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
        padding-top: 20vh;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 25, 2019 at 1:02 pm #1058677
    edwinbaes

    Re,

    Yes, it works properly.

    Again thank you very much for your help!

    January 25, 2019 at 7:49 pm #1058894
    Victoria

    Hi edwinbaes,

    Glad we got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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