Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #701567

    When my website is viewed on a phone screen, there is a large space between the top menu and the front page slider. It looks fine and well centered on a desktop. Is there a way to fix this for mobile devices without screwing up the desktop view? Similarly, our first slide does not show on phones but shows up fine on the desktop. The website is: http://syriainstitute.org


    Hey vszybala!

    Can you please let us know which mobile OS you used?
    Loaded to iOS and Chrome and I could see it just fine.

    Thanks a lot



    Yes I am also using ios and chrome. the slider appears at the very bottom of the screen with most of the screen just being our gray background image, want to move to slider up/center it on mobile. (sorry for the delayed response, I didn’t have email alerts set)



    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
    .avia-section.av-minimum-height .container .content {
        display: block !important;

    Best regards,

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