Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 12, 2017 at 11:20 pm #776978
    selbond

    Hello,

    I used Construction demo on my page ( http://www.esersahnesistemleri.com ) It looks good on desktop browser but on mobile browser alternate content area horribly getting a huge place on the screen. And also all the General Styling Tab doesn’t working. For ex. when i try to change the colors it doesn’t work. I’ve tried to change the background color of the Alternate Content Area it seems as saved but no effect on web site. Or another example, i’ve found a CSS code on support forum for the sticky header & menu thing. But it doesn’t work either while i paste it on my Quick CSS section under General Styling Tab.

    Thanks,
    Selçuk

    April 12, 2017 at 11:23 pm #776980
    selbond

    The Screenshots for the problem is here:

    iPhone screen:
    iPhone Screen

    Samsung Screen:

    Samsung Screen

    • This reply was modified 7 years, 7 months ago by selbond.
    April 13, 2017 at 10:32 pm #777568
    selbond

    Any idea??

    April 17, 2017 at 1:50 pm #778689
    Andy

    Hi,

    use this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
.av_slideshow_full li img {
height: 190px;
}}

    and adjust as needed.

    Best regards,
    Andy

    April 17, 2017 at 4:17 pm #778791
    selbond

    Thank you, it stretched the top slider, it’s somehow on an acceptable rate. But is there any option to reduce the alternate content area? (the red area on my screenshot) It’s still horribly huge.

    Thanks,
    Selçuk

    April 17, 2017 at 4:22 pm #778794
    Yigit

    Merhabalar :)

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.home #av_section_1 .content {
    padding: 20px 0;
}}

    Cheers!
    Yigit

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