-
Posts
-
Hello,
I’m having problems with the layout of 4 1/4 elements on my Phone (HTC m8). Every 1/4 element has an easy slider. On the Phone it shows only one 1/4 element in landscape. (The other 3 are below the first one) How can i change this so that it will show 2 out of 4 elements next to each other in landscape? it doesn’t work either if i use 5 x 1/5 or 3x 1/3 or resize the images. It switches too fast to 1 element.Hi Dutchman!
Thank you for using Enfold.
You can alter the column width on mobile device with this on Quick CSS:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .flex_column { width: 50%; } }Best regards,
IsmaelThanks for your solution. I added a left and right margin because without it the content is stuck to each other and doesn’t look ok.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column {
width: 47%; margin: 0px 4px
}
}
On the left and right there is a lot of white unused space. I really would like to adjust the inner/center space instead of the left and right. Is that possible? Try the first link fromt he previous post on a mobile Phone to see what i mean.
Another question, after i insert an iconbox and a line below it, i see a lot of white space between this and the next item: <entry-footer>
How do i remove the entry-footer?Hey!
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .flex_column { margin-left: 6px; margin-right: 7px; }}Try to play around with those numbers. Hope that helps
<entry-footer>:
Can you show us that iconbox and line below it with lots of white space? post a link please and show it on a screenshot.Best regards,
Andy
- The topic ‘Responsive switch’ is closed to new replies.