Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 5, 2017 at 9:15 am #860488
    spavli2

    Hello,
    I have a problem with mobile responsiveness, but only on my home page. First three section are not displaying correctly on mobile. I added this quick css:
    @media only screen and (max-width: 767px) {
    .home .av_one_half {
    width:100% !important;
    }

    .home #footer .av_one_third {
    margin-left: 0 !important;
    width: 100% !important;
    }
    }

    It worked for last three sections and footer, but it didn’t work for first three sections. Could you please help me with that?

    Thanks in advanced!

    October 5, 2017 at 2:41 pm #860593
    Yigit

    Hey,

    Please use following code instead 

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

    Regards,
    Yigit

    October 5, 2017 at 3:16 pm #860602
    spavli2

    Hey,

    thank you very much! That worked perfectly for all color sections. However, it didn’t work for Grid Row. Could you please help me with that, as well?

    Best,
    Tara

    • This reply was modified 6 years, 7 months ago by spavli2.
    October 5, 2017 at 3:17 pm #860607
    Yigit

    Hi Tara,

    You should edit your Grid Row elements and choose to display each cell on its own on mobile :)
    Regards,
    Yigit

    October 9, 2017 at 11:46 am #861851
    spavli2

    Hi,
    I did that, but it didn’t work.

    I set:
    Default: Each cell is displayed on its own.
    under
    Mobile Behaviour
    Choose how the cells inside the grid should behave on mobile devices and small screens

    Two cells are still displayed one beside other.

    Thanks,
    Tara

    October 9, 2017 at 12:30 pm #861865
    Yigit

    Hi Tara,

    Can you please create a temporary admin login and post it here privately so we can look into it? Also, please point out the page where you are experiencing the issue.

    Best regards,
    Yigit

    October 9, 2017 at 3:09 pm #861932
    spavli2

    Please find account details in private section.

    Page title with the problem is: Domov

    October 9, 2017 at 9:53 pm #862137
    Yigit

    Hi!

    Can you please post a link to your website as well? :)

    Best regards,
    Yigit

    October 10, 2017 at 8:16 am #862345
    spavli2

    Sorry,
    Page link: http://www.bistudio.si/

    October 12, 2017 at 6:12 am #863164
    Ismael

    Hi,

    Some of the sections are outside the wrap_all or main container, that’s why they are not responding correctly. Please move all the elements or set of elements inside their own color sections specially the columns.

    Best regards,
    Ismael

    October 12, 2017 at 2:04 pm #863428
    spavli2

    Hi,
    Thanks for help. It works if I put color section before grid row, but then I have white and empty section between fullwidth easy slider and grid row.
    On other hand, i can not put grid row inside color section. Any other suggestion?
    Can I make color section height 0px, so it is not visible?
    Best,
    Tara

    • This reply was modified 6 years, 6 months ago by spavli2.
    October 13, 2017 at 12:05 pm #863880
    Rikard

    Hi Tara,

    We can hide a Color Section with CSS if you like, could you point out what you would like hidden on the site please?

    Best regards,
    Rikard

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