Small glitch with team social icon popup

  • Resolved thewojtek

    (@thewojtek)


    8 years, 6 months ago

    The pop-up actually pops under, see pic:

    View post on imgur.com

    I have traced the pop-up in code:

    <div class="mt-team-description">

    And this div is styled here:

    .mt-team-description {
	-webkit-transition: all .35s ease;
	background: #363636;
	left: 30%;
	margin-top: 15px;
	opacity: 0;
	padding: 14px 0;
	position: absolute;
	transition: all .35s ease;
	visibility: hidden;
	width: 40%;
	border-radius: 5px;
	}

    I tried to manually add z-index: 1000; but it didn’t work.

    Help please?

    UPDATE:
    changing position: absolute; to position: relative; and z-index: 1000; fixes things in Chrome, however Safari still shows it wrong and the popup is hidden below the “contact” section (I only got Macs here).

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ion Rutz

    (@ionrutz_machothemes)

    Hello,

    Please excuse the inconvenience, this is something we recently got aware of and we are just addressing the issue via a theme update.

    You should use this CSS code as a temporary fix:

    #team{
padding-bottom: 100px;
}

    Should work like a charm, please confirm.

    Regards

    Thread Starter thewojtek

    (@thewojtek)

    No need to apologize, this is a free version after all… Yeah, this fixes the issue and keeps the theme good looking. Many, many thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Small glitch with team social icon popup’ is closed to new replies.