Reply To: Mobile device view

[Sushil Adhikari]

Option 1 would mean you would go back to the previous version where you said you recently upgraded and things go to a mobile view on an ipad, but reverting back would mean it would be as it was before the changes you experienced happened….or am I misunderstanding what you are referring to when you say mobile view?

For the second one, it would require some knowledge of how media queries work, but this is the basis of achieving the different views with mobile devices and the theme (site). Example:

@media (max-width: 768px) {
	.navbar {	
		margin: 20px auto 10px;
		max-width: 100%;
	}
}

So the code above means that screens up to 768px is to use that style for the navbar and anything else you put in that. You can do any kind of media queries (as in sizing) based on the needs of a site. If you are not familiar with media queries, best to check out on Google about this one as it’s a basis of responsive websites. The structure of this theme using the Bootstrap 2.0 framework uses media queries.