Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 12, 2016 at 2:27 pm #698295
    Janus

    Hi,
    I have an issue with my sidebar on small screens.
    On big screens, it’s OK it wills display like that : http://i.imgur.com/FYuBYn8.png
    But when the size of the windows decreases, I got : http://i.imgur.com/u0HaSYL.png
    The text Bonus 100€ is not displaying well anymore. Is there a way to make it under the image for example if the window size is not big enough to display it correctly ?

    Regards,
    Janus

    October 14, 2016 at 2:31 pm #699132
    Yigit

    Hey Janus,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 1024px) {
.content, .sidebar { width: 100% !important; border: none !important; }}

    Best regards,
    Yigit

    October 17, 2016 at 12:34 pm #699919
    Janus

    It does not seem to solve the problem. In fact, my site is OK on mobiles and PC. But looks like that on smaller screens like ipad : http://i.imgur.com/vpDs87j.png which is not good at all :( Any way to arrange that ? I would like the ipad version to look like the mobile version !

    Regards,
    Janus.

    October 18, 2016 at 4:06 pm #700723
    Yigit

    Hi,

    The code i posted should have displayed the content and sidebar just as it does on smartphones. Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Best regards,
    Yigit

    October 20, 2016 at 12:42 pm #701828
    Janus

    of course, see below :

    October 22, 2016 at 12:48 am #702701
    Ismael

    Hi,

    We added the following css code in the Quick CSS field.

    @media only screen and (max-width: 1024px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    width: 100% !important;
}

.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
}
}

    Best regards,
    Ismael

    November 3, 2016 at 2:49 pm #707751
    Janus

    Hi, thank you for your answer ! I’m afraid the result is still the same for example on an iPad it still looks like http://i.imgur.com/vpDs87j.png :(
    Any idea how to fix that ?

    November 4, 2016 at 5:12 pm #708341
    Yigit

    Hi,

    They show up fine on my end, attached a screenshot in private content field.

    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Best regards,
    Yigit

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