Home Issue with viewport in mobile, content is cutting in mobile
Reply: 0

Issue with viewport in mobile, content is cutting in mobile

user6942
1#
user6942 Published in September 20, 2018, 4:40 pm

I defined a viewport of:

<meta name="viewport" content="width=device-width, initial-scale=1">

This is the html and body style:

body {
  overflow-x: hidden;
  font-family: Montserrat;
  font-family: 'Montserrat', sans-serif;
}

html,
section {
  overflow-x: hidden;
}

My problem is that in mobile the content cuts and doesn't fit the screen, like the following example

I'm not sure why this is happening anyone can assist?

Thanks.

share|improve this question
  • 1
    for a responsive design please use CSS Media Queries. css-tricks.com/snippets/css/media-queries-for-standard-devices – Libin C Jacob Feb 14 at 9:18
  • Can you please share your complete HTML, or creating a fiddle would be better. – Sibeesh Venu Feb 14 at 9:25
  • here jsfiddle.net/roniitzhaik/e2pdr4r8 – user8899874 Feb 14 at 9:27

4 Answers 4

active oldest votes
up vote 3 down vote
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.377252 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO