Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 23, 2016 at 1:39 pm #727925
    Gal726

    Hey Guys

    Something is up with my website. looks great on external monitor, but laptop looks horrible. all the text disappears and nothing is responsive.

    i tried a grid vs. color section for the 5 boxed content in the beginning of the page, but i can’t figure it out.

    please tell me there is a way to do this without doing manual media queries for all the elements.

    December 23, 2016 at 2:34 pm #727942
    Yigit

    Hey Gal726,

    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: 990px) {
.flex_column {
    width: 100%!important;
    display: block!important;
    margin-left: 0!important;
}}

    Then edit your Grid Row element and choose to display each cell on its own on mobile. Also, please go to mobile tab and make sure that you have not chosen to hide it on mobile.

    Best regards,
    Yigit

    December 23, 2016 at 2:44 pm #727953
    Gal726

    still nothin. looks same. i put in the code and all the other elements were already defined as you said.

    December 27, 2016 at 10:49 pm #728304
    Yigit

    Hi,

    Your website currently looks fine on my end. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    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: 480px) {
h1.av-special-heading-tag {
    font-size: 25px!important;
}}

    Best regards,
    Yigit

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