Mobile device view

[Julie]

Hi there,

Just wondering if there is a way to change the view on iPad mobile devices from the mobile view back the full site view. I think this changed with the latest upgrade of encounters. But I prefer full site view. Can it be changes?

Thanks

Julie

[Sushil Adhikari]

Only a couple options:

1. Revert back to the previous version you had
2. modify the theme’s media queries when things change to mobile layouts

[Julie]

Hi thanks for your quick response.

If I choose option 1, does that mean every time you update the version my site will go back to a mobile view?
and I don’t really understand option 2. What do you mean when things change to mobile layout?

thanks,

Julie

[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.

[Julie]

Yes, I prefer it the view on iPad devices is of the full site rather than the way it views now with right had widgets being at the bottom of the page and you have to scroll down to see them, which is not great when featuring advertising.. so from a commercial point of view I think a full site view is better (as it was before) and I guess how your site views on my iPad..

So, if I do the media query as you suggest would that go into child theme?

Hope it all makes sense..

Thanks,

Julie

[Sushil Adhikari]

Yes it would work in a child theme because media queries is done from the stylesheet. The trick is to know what elements you want to change. But the problem is, I think it’s going to be the full bootstrap one….the parts that have the span1, span2….etc and row and container…etc. Only thing is, I don’t recall changing this with the last version update. Anyway, the ipad resolution would be the media query around 768px.

If you don’t need the changes that were done in the latest update (the one where you say it no longer stays in full view), check the CHANGELOG of the theme and see if you can do without the changes made. If nothing there is required, it might be best to download a copy of the version that was working for you…might be the easier option as messing around with media queries could end up being ….well….messy.

If everything is going vertical as in a mobile phone view but doing it on an ipad with the latest one, I will have to check this out and see if I need to modify the queries on an update.

Could you please provide me a link to your site for me to try this out….post it here or you can email me the link.

[Julie]

Hi,

My website is thebeautyissue.com

Thanks
Julie

[Sushil Adhikari]

Basically what I found is that your site in an ipad (had to use an ipad simulator) goes full mobile in portrait view but in landscape it doesn’t. So it’s a case of adjusting the media queries which I can do for an update.

[Julie]

Okay, great. So what do I do next? Just check the updates menu?

Thanks Julie

[Sushil Adhikari]

Yes…but I will be doing the update this week. Hopefully it will work, because I do not have an ipad to test this on; I can only test this with a simulated ipad online tool.

[Julie]

Hi Andre,

I’ve been looking out for an update for encounters which enables me to revert from the current mobile view on iPad to a full website view.. Are you still going to do this or have I missed the update?

Would really love to change the view on iPad and iPhone to a normal view.

Hope you move went well..

Cheers,

Julie

My site is thebeautyissue.com

[Sushil Adhikari]

Just a quick reply here before I head offline…I will need to read through this thread to refresh my memory and then see what my plans were with Encounters. I’ve been crazy busy with so many things the update did not happen yet but it appears I may need to get this done this week. I just went through another move (luckily I am back in my old building and can get into my normal routine as of Monday without outside influences disrupting Styled Themes any further).

[Julie]

Okay, I will wait to hear from you soon.

Julie

[Sushil Adhikari]

Now that I am all settled in and more coherent, let’s start from the beginning here because I think I might be misunderstanding what is happening for you. I’m going to assume it’s not really about the menu from full to mobile, but more about widgets that go vertical too soon and that you would like to keep them side-by-side when viewing on an ipad?

[Julie]

Hi

This is an old thread and as you will see it was problem was never resolved as Andre sold the business. So just wondering if anyone can help with my issue.

Just recapping, I’d like my website to view on iPad and iPhone as it does on a desktop view. Where the widgets stay horizontal to the page not run vertical.

Any help would be greatly appreciated
My website is http://www.thebeautyissue.com
Thanks,
Julie

[Author]

Posts