Info Text in Header is not displayed well in iphone « Support Forum | Kriesi.at

Support Forum » Angular

Info Text in Header is not displayed well in iphone

9 posts from 3 voices

Started 3 months ago by Khaled_288
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

No tags yet.

Khaled_288
Member

Hi there,

I found that the info text (info_text_header) above is not responsive. and the text is broken.
see it here http://twitpic.com/bz1vnu.

please tell me how to make it responsive & how to keep it closed of the device is a phone .. because it takes the full screen & make the visitor confusing.

Posted 3 months ago #
Khaled_288
Member

the picture is posted to me by one of my visitors. so please dont contact him in twitter :)

Posted 3 months ago #
Dude
Dude

Hey!

Can you provide a link to the website please? I'd like to investigate the css code with the Chrome dev tools.

Best regards,
Peter

Posted 3 months ago #
Khaled_288
Member

http://www.kabunaji.com

Posted 3 months ago #

Ismael
Moderator

Hi,

You can close it on mobile devices. Add this on your custom.css.

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

         #info_text_header.maximized {
display: none;
}

	}

Regards,
Ismael

Posted 3 months ago #

Khaled_288
Member

Thank Ismael, it works fine.
and do you know why the text is displayed vertical if this message is opened out. (see the same pic)

Posted 3 months ago #
Ismael
Moderator

Hi,

I'm not sure about that. It seems to work fine on my end.

Regards,
Ismael

Posted 3 months ago #
Khaled_288
Member

thank you very much

Posted 3 months ago #
Ismael
Moderator

Hey,

No problem. :)

Regards,
Ismael

Posted 3 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

Info Text in Header is not displayed well in iphone

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…