• Hello

    my name is Angie and I love Sela!

    I’m very grateful to this forum as I got my site going by trial and error after reading here.

    I did implement a booking widget in my first front page area on my static front page. This text widget contains a drop down with a check-in and check-out calendar. The check-out calendar doesn’t overlay at it’s bottom.
    I believed this was the reason:

    .widget-area {
    	overflow: hidden;
    }

    So I answered with this in my Sela child themes css:

    .widget-area {
    	overflow: visible !important;
    }

    and this

    div#widget-area-5 {
        overflow: visible;
    }

    But this is not quite it I’m afraid. Could you please point me in the right direction here to make the check-out calendar visible please.

    Thank you very much in advance from New Zealand

    The site I need help with is thebeachhouse-nelson.com.

Viewing 5 replies - 1 through 5 (of 5 total)
  • It’s working absolutely fine, you probably need to clear browser cache and try again.
    http://prntscr.com/dkfrt0

    • This reply was modified 9 years, 5 months ago by Prasant Rai.
    Thread Starter angiegeorgecoma

    (@angiegeorgecoma)

    Thank you for getting back.

    Your screen print shows the check-in calendar, but the one not working is the check-out calendar. Could you please have a look at that one.

    Thanks

    Hey @angiegeorgecoma!

    It looks like @prasanrai had the right calendar – the arrow on the icon is pointing to the left, not to the right, meaning it’s your checkout 🙂

    I’m able to see the cut off calendar you’ve described on smaller screen sizes. Looking at your site, it appears you’ve put your CSS in a media query:

    @media screen and (min-width: 768px)

    This means your styles only take effect on large screens – so anything narrower than 768px will still get overflow: hidden

    Try moving the styles outside of that media query so they effect the size on all screens 🙂

    Thread Starter angiegeorgecoma

    (@angiegeorgecoma)

    My bad. The top cut off had confused me. Sorry guys.

    It looks right now on my big screen. I believe it just needed some time to update here. That was the most important one for me.

    Thank you very much for your help guys.
    Appreciated.
    Angie

    You’re welcome! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Widget overflow hidden, should overlay’ is closed to new replies.