Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 12, 2021 at 5:48 am #1309678
    aussiedropbear

    Hi support,

    Two issues within the same thing.. i think.

    I have a layerslider on my home page.

    Under this I have a color section with two columns. I have these columns overlaying the layerslider just fine however when i view on mobile the first column I would now like to be below the layersldier and not overlay. Additionally, the second column is also overlaying the first column blocking out some of the information. Would be nice to have these spaced out in mobile view.

    I have the following code for the overlay of the layerslider:

    
/*----------------------------------------
// CSS -  overlay layerslider
//--------------------------------------*/
#top.page #layer_slider_1 {
	z-index: 0;
}

    … then the next code, which I don’t think is working for me, that I took from another site I have to stop the columns from overlaying the slider in mobile view.

    
/*----------------------------------------
// CSS -  remove column overlay in mobile view
//--------------------------------------*/

@media only screen and (max-width: 480px) {
.responsive #top #av_section_1 .flex_column_table {
margin-top: 0!important;
}}

    Any assistance appreciated

    Cheers
    John

    July 13, 2021 at 6:31 am #1309878
    Rikard

    Hey John,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 479px) {
.home #av_section_1 .av_two_fifth, .home #av_section_1 .av_three_fifth {
  margin-top: 0 !important;
}
}

    Best regards,
    Rikard

    July 13, 2021 at 6:48 am #1309881
    aussiedropbear

    Thanks Rikard.

    Works perfect.

    Please close thread.

    Thanks
    John

    July 13, 2021 at 5:25 pm #1310005
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘color section overlay layerslider in mobile view’ is closed to new replies.