-
AuthorPosts
-
October 5, 2017 at 9:15 am #860488
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 #860593Hey,
Please use following code instead
@media only screen and (max-width: 767px) { .home .flex_column { width: 100% !important; margin-left: 0 !important; }}
Regards,
YigitOctober 5, 2017 at 3:16 pm #860602Hey,
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 7 years, 2 months ago by spavli2.
October 5, 2017 at 3:17 pm #860607Hi Tara,
You should edit your Grid Row elements and choose to display each cell on its own on mobile :)
Regards,
YigitOctober 9, 2017 at 11:46 am #861851Hi,
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 screensTwo cells are still displayed one beside other.
Thanks,
TaraOctober 9, 2017 at 12:30 pm #861865Hi 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,
YigitOctober 9, 2017 at 3:09 pm #861932Please find account details in private section.
Page title with the problem is: Domov
October 9, 2017 at 9:53 pm #862137October 10, 2017 at 8:16 am #862345Sorry,
Page link: http://www.bistudio.si/October 12, 2017 at 6:12 am #863164Hi,
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,
IsmaelOctober 12, 2017 at 2:04 pm #863428Hi,
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 7 years, 2 months ago by spavli2.
October 13, 2017 at 12:05 pm #863880 -
AuthorPosts
- You must be logged in to reply to this topic.