Okay
  Public Ticket #3568055
resposiveness
Closed

Comments

  •  2
    sanya started the conversation

    I am using rows and columns to create the page and the two columns works perfectly fine on desktop but when you go on mobile, one of the side of the column just vanishes and I am not able to figure out why.

    Desktop version9058376905.png

    Mobile Version

    8435271399.png


  •  1,650
    Judith replied

    Hello Sanya,

    Thanks for writing to us.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    @media only screen and (max-width: 1000px){
    .main-content > .row .vc_row:nth-of-type(4) .row_col_wrap_12 .vc_col-sm-6:first-of-type, .main-content > .row .vc_row:nth-of-type(7) .row_col_wrap_12 .vc_col-sm-6:first-of-type {
        display: block !important;
    }
    }

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related

    If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 


  •  2
    sanya replied

    Judith, the same thing is happening to many components, how can I address it? and the code you provided below did not work

  •  1,650
    Judith replied

    Hello Sanya,

    Thanks for writing back.

    You can check your respective column settings on the responsive options as to whether there is any column hidden on a specific device :

    7031533041.png

    Please check then let us know how this goes.

    I look forward to your response.