Team Element contact box margin - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
March 7, 2017 at 5:40 pm #757148

zwachm
Participant

Hi,

at the Team element with a Resolution <= 767px the contact-icon-box overlaps the Image.
On bigger resolutions the contact box is exactly as wide as the Image.
Would you please create me some fix?

Please see your demo page: http://kriesi.at/themes/enfold/pages/about-us/

Regards,
MIchael

March 9, 2017 at 6:45 am #758161

Rikard
Keymaster

Hey MIchael,

I couldn’t see anything like that on my end using Chrome, could you post a screenshot of the problem and in what browser you are seeing it please?

Best regards,
Rikard

March 9, 2017 at 8:40 am #758222

zwachm
Participant

Hi,

here you can find screenshots:
http://www.log2track.com/~michi/enfold-ticket/

It fails in Chrome 56.0.x, IE 11 and on Safari iPhone.

Regards,
Michael

March 10, 2017 at 7:52 am #758724

Rikard
Keymaster

Hi Michael,

Thanks though the screenshot page is not loading on my end, could you upload to dropbox/google drive/imgur.com instead maybe?

Best regards,
Rikard

March 10, 2017 at 8:28 am #758739

zwachm
Participant

Hi Rikard,

sorry for that. obviously you are located in a blocked coutry of my firewall…

Here is the link to Google drive:
https://drive.google.com/drive/folders/0B9S1euzTb0MUQVJ4MWlfUmppX3c?usp=sharing

Regards,
Michael

March 11, 2017 at 7:01 am #759278

Rikard
Keymaster

Hi Michael,

Thanks for that, though that is how it works by default: http://kriesi.at/themes/enfold/shortcodes/team/. How would you like to change it?

Best regards,
Rikard

March 11, 2017 at 10:47 am #759341

zwachm
Participant

Hi,

at first a was really confused by your answer and the link, since the Team-Memeber Element on the page
http://kriesi.at/themes/enfold/shortcodes/team/ works fine.

But the Team-Member Element on the page http://kriesi.at/themes/enfold/pages/about-us/ (and on my site too)
shows the ugly Social-Icon Box (as provided and marked in my screenshot) which is wider than the image and overlapping too.
It starts happending on resolutions smaller than 768px. With less than 365px it is ok again. So the Problem is between 365 and 768px.

Probably the problem is the proportion of the Image?

Can you see my point now?

Regards,
Michael

March 12, 2017 at 6:15 am #759548
Rikard
Keymaster
Hi Michael,

Thanks for the feedback, please try the following in Quick CSS:
```
@media only screen and (max-width: 767px) {
.team-img-container img {
    width: 100% !important;
}
}
```
Best regards,
Rikard
March 12, 2017 at 11:45 pm #759749

zwachm
Participant

Hi,

thank you – this helps!

Regards,
Michael

March 13, 2017 at 2:32 am #759776

Mike
Moderator

Hi,
Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Team Element contact box margin’ is closed to new replies.