Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 18, 2017 at 1:58 pm #878563
    night0097

    I want to set flex columns in mobile with half size ( 2 columns in a row), I use the following css with assigned class:
    @media only screen (){
    .flex_column.two-column-in-mobile{
    width:49%!important;
    }
    )

    there is a problem, when it comes up with 5 columns or 3 columns, every 5 or 3 columns left a blank in a row, how could I fix it?

    November 19, 2017 at 12:55 pm #878762
    Rikard

    Hey night0097,

    You don’t have any arguments in your media query, try something like this instead:

    @media only screen and (max-width: 767px)

    Best regards,
    Rikard

    November 21, 2017 at 6:42 am #879522
    night0097

    Thanks Rikard, I did. my question is after resize the columns ,there comes up a blank area
    for example, if the page has 10 columns each 5 columns in a row,

    [ 1/5 Column][ 1/5 Column][ 1/5 Column][ 1/5 Column][ 1/5 Column]
    [ 1/5 Column][ 1/5 Column][ 1/5 Column][ 1/5 Column][ 1/5 Column]

    after the change, it will be

    [ 1/2 Column][ 1/2 Column]
    [ 1/2 Column][ 1/2 Column]
    [ 1/2 Column]
    [ 1/2 Column][ 1/2 Column]
    [ 1/2 Column][ 1/2 Column]
    [ 1/2 Column]

    How could I fix it?

    November 23, 2017 at 5:08 pm #880779
    Victoria

    Hi night0097,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    November 24, 2017 at 7:10 pm #881377
    night0097

    Hi , this is my website page,
    check the breakpoint ,thanks

    • This reply was modified 7 years, 5 months ago by night0097.
    November 25, 2017 at 2:54 pm #881620
    Victoria

    Hi night0097,


    Could not check. Is the website down?</del>

    Had to use vpn.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
body div .first {
clear: none;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 7 years, 5 months ago by Victoria.
    December 8, 2017 at 3:55 pm #886525
    night0097

    It works well, thanks for your help!

    December 8, 2017 at 9:50 pm #886640
    Victoria

    Hi night0097,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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