[TripleMoxy]

I don’t want the full width (no sidebar) view presented to iPad devices.
The iPad can view my website fine in an ordinary view. Also, my website doesn’t make much sense without the sidebar either.
Is there a way to present the ipad the ordinary version (of version) of my website?
(iPhone should take wide version though)
The “Responsive” theme I used before buying the pro version of Catch Box did this. It only used the wide version if there was no room to display the side-bar without making the text overly small.
I know that the responsive ability can be switched off but this is not really a solution for me when the previous responsive theme handled this aspect quite well (but did not have some of the features I like in your theme).

Any help would be greatly appreciated.

[Sakin]

@TripleMoxy: can you try adding this CSS in your “Custom CSS” box in Theme Options panel and check with your iPad. Also send me your Site URL after you add in this css. So, I can check in with iPad.

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
#main #content {
margin: 0 38.6% 0 3%;
width: 58.4%;
}
#main #secondary {
float: right;
margin: 0 3% 0 0;
width: 32.5%;
}

[TripleMoxy]

Thank you. That seemed to do the trick. However, the spacing (i.e. the whitespace around the logo), for the logo at the top of the page, seems to increase for the mobile view. Is there any way to prevent this?

 

My website is: http://www.wheretofeed.com/

 

[Sakin]

Just add margin button to 0 as CSS in your “Custom CSS” box in Theme Options panel.
.logo-wrap { margin-bottom: 0; }

[TripleMoxy]

Thank you for your help. That works like a charm. I’m still a novice at customisation…

 

[Author]

Posts