Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 16, 2020 at 4:52 am #1193386
    aussiedropbear

    HI,

    I had this answered in this link here: https://kriesi.at/support/topic/layerslider-and-enfold-columns-overlay/

    Unfortunately I think I closed it too soon as I’m unable to push the 1/3 columns down below the layerslider?

    The code given to me by Mike was:

    @media only screen and (min-width: 768px) {
    #top.page-id-1038 #layer_slider_1 {
    z-index: 0;
    }
    #top.page-id-1038 #after_layer_slider_1 > div > div > div > div > div {
    z-index: 99;
    position: relative;
    }
    }

    I would substitute the ‘page id’ so it is non specific to a page as:

    @media only screen and (min-width: 768px) {
    #top.page #layer_slider_1 {
    z-index: 0;
    }
    #top.page #after_layer_slider_1 > div > div > div > div > div {
    z-index: 99;
    position: relative;
    }
    }

    Any assistance is appreciated

    Cheers
    John

    March 21, 2020 at 7:30 am #1195027
    aussiedropbear

    Hi,

    Could I please have someone look at this for me. It’s been 5 days since I posted?

    Cheers
    John

    March 23, 2020 at 3:45 pm #1195491
    Yigit

    Hi John,

    We are sorry for the late reply!

    Could you please add following code to Quick CSS in Enfold theme options > General Styling

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

    Best regards,
    Yigit

    March 24, 2020 at 12:53 am #1195603
    aussiedropbear

    Thanks Yigit,

    That worked :).

    One question, if I wanted to move it or down I would change the ‘0’ as a + or – in:

    margin-top: 0!important;

    Also, in regards to the Corvid-19 virus, have you guys as a company issues a statement as to your contingency plans etc.? Just a thought.

    Be safe.

    John

    March 24, 2020 at 4:58 am #1195642
    Jordan Shannon

    Hi,

    If you want to move it positive just margin-top:1px. If you want negative margin-top:-1px;

    Best regards,
    Jordan Shannon

    March 24, 2020 at 5:18 am #1195644
    aussiedropbear

    Thank Jordan.

    Please close thread.

    All the best
    John

    March 24, 2020 at 5:39 am #1195646
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘column overlap on layerslider in mobile view only’ is closed to new replies.