Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 19, 2016 at 11:36 pm #701567
    TSI

    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

    October 19, 2016 at 11:44 pm #701568
    Basilis

    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

    Cheers!
    Basilis

    October 25, 2016 at 6:26 pm #703912
    TSI

    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)

    October 26, 2016 at 7:12 am #704139
    Rikard

    Hi,

    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,
    Rikard

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