Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 28, 2017 at 9:53 pm #814110
    emorales

    I’ve been trying to get my theme to work with responsive mode (it is not working for the front page). I’ve disabled CSS modifications (they’re just a few), I’ve disabled plugins, updated the theme, WordPress is latest version, changed from responsive to non-responsive and back again… well nothing works. I need help to figure out what’s wrong with my site.

    URL: http://saneamientodepanama.gob.pa

    • This topic was modified 8 years ago by emorales.
    June 29, 2017 at 1:46 pm #814460
    Victoria

    Hey emorales,

    Could you please explain a bit more, what do you mean by “responsive mode not working”? You probably just need to adjust certain elements using media queries.

    Best regards,
    Victoria

    June 29, 2017 at 4:50 pm #814586
    emorales

    The front page of my site is not loading as responsive when viewed from a mobile device. If you could take a look at the site http://saneamientodepanama.gob.pa, you could see it’s not loading correctly when on a mobile device. The site has nothing special, I’m using the standard modules of the Avia editor, so I don’t need to use media queries. For example, a section with 4 columns is not re-arranging itself with the columns one on top of the other, they are displayed on beside the other. That’s not normal behavior. That’s just one example. Please take a look at it.

    June 30, 2017 at 1:53 pm #814956
    Victoria

    Hi emorales,

    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: 450px) {
div .av_one_fourth {
    margin-left: 2%;
    width: 100%;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 30, 2017 at 5:27 pm #815076
    emorales

    This code does nothing and clearly you would not look at the site. Why wouldn’t you? If you could see the site from your browser and resize it, you would inmediately notice what’s wrong with it and help appropriately.

    Please take a look at the images here:

    http://imgur.com/gRgFTrP
    http://imgur.com/YdOiQYQ
    http://imgur.com/4JrsWhj

    July 3, 2017 at 2:25 pm #815906
    Yigit

    Hi,

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

    @media only screen and (max-width: 767px) {
.flex_column {
    width: 100%!important;
    margin-left: 0!important;
}}

    Regarding slider on mobile, please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and replace it with another slider which has slides in more square sizes

    Best regards,
    Yigit

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