Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1139445

    Hi there,
    I have a fullscreen slider revolution which – when in mobile view – creates a big white space underneath which i´happens due to the following inline code/css:

    <div id='revolutionslider_1' class='avia-layerslider avia-revolutionslider main_color avia-shadow avia-builder-el-0 el_before_av_hr avia-builder-el-first container_wrap fullsize' style=' min-height: 869px;' ><link href="https://fonts.googleapis.com/css?family=Montserrat:400%7CLato:700%2C300%2C400" rel="stylesheet" property="stylesheet" type="text/css" media="all">

    I need to get rid of the min-height 869px but can’tfind it anywhere in the theme settings

    Any hint would be highly appreciated .. :)

    #1139680

    Edit in the element, in the element when you hover above the block in the editor, you will notice the small pencil and notepad icon. After you hover above it, click the notepad floating on the container. Then at the top left it says minimum height.

    This setting is only on the pages in the editor, and not in the theme setting itself.

    Sometimes there is still white space, we need to get he beta enfold link.

    #1139685

    Give me your login if you need help.

    #1140454

    Hi,

    @Apachee
    , sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #revolutionslider_1 {
    	min-height: 0 !important; 
    }
    

    This assumes that the slider is only on your homepage. Please clear your browser cache and check.

    Best regards,
    Mike

    #1140888

    Hey Mike,
    thx for the response .. that worked .. thank you very much.
    Strangely it would not work in the child themes styles.css but in quick css it did..
    Feel free to close the topic ..
    Cheers
    Axel

    #1140952

    Hi Apachee,

    Glad you got it working for you with Mike’s help! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1264352

    Hi. That worked for me on our home page, but I have the same issue with a slider on a different page: https://vashoncenterforthearts.org/nutcracker/ Can you share the CSS that would fix a page other than the home page? thx

    #1264392

    Hi,

    Try the following in quick css:

    #top.page-id-46656 #revolutionslider_1 {
    	min-height: 0 !important; 
    }

    Best regards,
    Jordan Shannon

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