Reply To: Encounters Mobil responsiveness

Home Forums WordPress Themes – Premium Encounters Encounters Mobil responsiveness Reply To: Encounters Mobil responsiveness

#17914
Sushil Adhikari
Moderator

There’s a couple little adjustments but please note that a responsive theme can be tested using this online tool: http://mattkersley.com/responsive/ which shows somethings needing the adjustments. However, there are other factors that determines when something in a page is to drop below as the browser window resizes, such as:

1. How big is the logo or site title
2. How big is the menu, a few or many menu items
3. Modifications or the type of content a user puts into a page…etc.

Responsive is not a 100% smooth transition from super wide to really small because this is based on what is called Media queries where css is used to determine when to switch to a different style for adjustment based on the size of the window. It’s almost impossible to have it so that is adjusts on a per pixel-by-pixel basis, so media queries are done in batches of widths of minimum to maximum. This is usually a common set:

[code type=css]
/* Large desktop */
@media (min-width: 1200px) { … }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { … }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { … }

/* Landscape phones and down */
@media (max-width: 480px) { … }

Now the only big problem is the padding you put on the showcase container which is very extreme. So this gave it a fixed oversized dimension which breaks the mobile view because normally the showcase should have a responsive slider or image and not to be used in the way you have used it. I would recommend replacing that with an image or slider that is responsive to solve one problem or put the text in a div container with an inline style of text-align: center. I looked at your site on my iphone and everything looked fine except that one issue.

Regarding the menu, it’s very difficult to judge what 1000’s of people will be using for a menu (as in how many menu links will be on it) because a theme has to try and accommodate most if not all but cannot really provide a true 100% gamut of responsiveness. But even though that site that displays a site in various window sizes doesn’t show one menu item dropping down, it does it when I manually shrink the browser. So my question for you is, does this happen to you on an ipad only, and were you viewing it in portrait or landscape?

However, based on everything so far , I have found some things that needs adjustments, including the Widgetkit slider on my demo site definitely needs some attention for responsiveness. I will be working on the adjustments today. Not sure how much I can do for your menu issue, but will try my best without sacrificing too much for others as well.

Unfortunately I do not have an ipad so I will have to rely on you to provide me feedback.