Column structure not maintained on Mobile with Generate Press theme

  • Resolved rusu

    (@rusu)


    6 years, 5 months ago

    Dear Sir,
    I Form is working fine on Desktop , but when some one browse page on mobile , all column get aligned in one column , even in use your code given in other forum —
    @media (max-width: 740px){
    #fbuilder .fields.column2{float:left;width:49.9% !important;}
    #fbuilder .fields.column3{float:left;width:33.3% !important;}
    #fbuilder .fields.column4{float:left;width:24.9% !important;}
    }
    But still it show odd page on mobile and all column get aligned into one.
    Page address is https://www.rusu.co.in/?????-???-?????/
    Please help..
    Regards

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter rusu

    (@rusu)

    Dear Sir,
    I am using Generate Press theme for my site..
    Regards…

    Plugin Author codepeople

    (@codepeople)

    Hello @rusu,

    I’ve visited your web page, and with the new styles, the columns’ structure is preserved in mobiles devices, please, look the screenshot:

    Best regards.

    Thread Starter rusu

    (@rusu)

    Dear Sir,
    Column structure though maintained with Default template style but with template style type 6, which I was using earlier, Column get aligned in single column…
    Regards

    Thread Starter rusu

    (@rusu)

    Please have a look now, I have changed to form templet type to 6
    Regards

    Plugin Author codepeople

    (@codepeople)

    Hello @rusu,

    Each template has its own peculiarities and styles, so, you should play with them for adapting the styles to every situation, for example, for this specific template, the styles should be redefiend as follows, modifying the padding rule too:

    
@media (max-width: 740px){
    #fbuilder .fields.column2 {
        float: left;
        width: 49.9% !important;
        padding: 0px !important;
    }
}

    Best regards.

    Thread Starter rusu

    (@rusu)

    Dear Sir,
    It works like butter , Thank U very much …
    Regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Column structure not maintained on Mobile with Generate Press theme’ is closed to new replies.