Tagline issue on mobile devices

undertow — Tue, 12 Nov 2013 05:26:14 +0000

Hello. We are having an issue when viewing the site in chrome and safari on an iPhone. The tagline is visible and overlaid on top of the logo. When I view the site on a desktop browser and reduce the window size then the tagline disappears (as it should). Any info you have about this would be much appreciated.

site url: https://test.excel-com.com

Reply To: Tagline issue on mobile devices

IshYoBoy — Tue, 12 Nov 2013 09:24:24 +0000

Hi there,

Thanks for posting your question in here. The Mojo support tab seems to work very strangely.

We see additional CSS styles have been added for the tagline (either by you or your web-developer). E.g.:

#part-header .tagline {
	position: absolute;
	top: 47px;
	color: #1C3F94;
}

#part-header .tagline {

position: absolute;

top: 47px;

color: #1C3F94;

}

This changes the position of the tagline not only in the desktop version but also in all mobile views as well.

You need to add some media queries to target the specific device sizes you need and then add the necessary styles to handle the tagline display in there as well. Either hide the tagline or move it to a different place, etc..

You can read more about media queries here https://webdesignerwall.com/tutorials/css3-media-queries

Hope this helps. Feel free to get back to us in case you need assistance.
Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumTagline issue on mobile devices – Support Forum

Tagline issue on mobile devices

Reply To: Tagline issue on mobile devices