Mobile bar on iphone portrait shows cutted line

[Thorsten Wollenhöfer]

Hi,

on my iPhone 6 plus the portrait view shows me a cutted line if the button text is larger because of the translated text, see attached screenshot.

It would great to get help to fix it.

Thank you!

Best Regards,
Thorsten

[Anve S.]

Hi @thorsten,

Plesae try adding following css in child theme’s custom css . Try adjusting the ‘height’ according to your need .

@media screen and (max-width:720px){
.xprofile #buddypress #mobile-item-nav-wrap, .xprofile #buddypress #mobile-item-nav-wrap ul {
  height: 118px !important;
}
}

Regards
Anve

[Thorsten Wollenhöfer]

Hi @anve

thank you for your response. I tested your code snippet but won’t work. I tried different height but without any effect on mobile portrait view.

Best Regards,
Thorsten

[Anve S.]

Hi @thorsten ,

Could you please share your site url . I’ll check if my css is being applied there or not .

Regards
Anve

[Thorsten Wollenhöfer]

Hi @anve,

Sure. http://www.socialmediaschule.org 🙂

[Anve S.]

HI @thorsten,

I have checked and it is working fine on iphone5 but not on iphone 6 .Thanks for the patience, Will respond you in few hours .

Regards
Anve

[Anve S.]

HI @thorsten,

Try following css code and let me know if this fixed that issue,

#main-wrap #buddypress #mobile-item-nav-wrap { height: 118px; }

Regards
Anve

[Thorsten Wollenhöfer]

Hi @anve,

sorry for my late answer. I tested the new code and it works on my iPhone 6 Plus like a charme. Haveyou tested on iPhone 5 too?

Best Regards,
Thorsten

[Anonymous]

This ticket has not been active for quite some time and will now be closed.
If you still need assistance please simply open a new tickets (linking to this one if necessary)
and one of the team will be only too happy to help.
Regards
Varun Dubey