January 30, 2014 at 12:37 am #10522
I noticed that while regular web views of my pages look fine, any page with an add to cart button (fancy or not) causes the column width to be “shrunk” for the page. So far I’ve noticed it by pointing my iPhone at [http://starcircleacademy.com/workshops/outerbanks] (or just [http://obxworkshop.com] which forwards to the same page).
I thought it *might* be because the variation option is longish… but the behavior is still present after shortening the pull down content.
If I remove all wp-estore items from the page, it displays normally.
Any thoughts?January 30, 2014 at 10:40 pm #60596adminKeymaster
I checked that page using an iPad and an android phone. I don’t see any issue with that page. What do you mean by column width to be shrunk. Column width of what?January 31, 2014 at 9:41 pm #60597
The problem is visible on an iPhone in portrait mode, not an iPad. I had a friend check on his Android and it’s the same there, too. Portrait mode is half the width it should be.
Rotating to landscape mode seems to solve the problem on the android, you have to manually expand the view on the iPhone, though.
Here is a screen shot of the iPhone: [http://imgur.com/YicWGKr]
If I select another page that doesn’t have the add to cart, or remove the add to cart from the page, by default the page loads with the full width of the display.February 3, 2014 at 11:57 pm #60598adminKeymaster
I tested it using the same theme you are using (twenty twelve) on my test site just now and it doesn’t product the result you are seeing.
Something weird is going on this page. You seem to have that eStore shortcode inside an H2 element?
Have you done any customization to this theme?
Do the following test:
1) Create a brand new wordpress page
2) Add WP eStore’s button shortcode on that page (nothing but the shortcode).
3) Now, view that page in iPhone or share the URL so I can check it. Do you see the same issue?February 10, 2014 at 11:58 pm #60599
Finally got around to checking this. First I removed the <h> tag that tiny MCE had wrapped around the add-to-cart tag. That didn’t solve the problem so I created a test page [http://starcircleacademy.com/tathq] with only the add to cart tag.
Where xx is the correct id.
It behaves *almost* the same way. Now the first page is about 2/3 rds of full width and the large Add to Cart button I grabbed from your free buttons is full width.
As for customizing the theme, no, don’t think I’ve done that other than creating a header at the recommended size.
I tried using the “Full Width No Sidebar” and the “Default” template and they behave the same way. Both of these templates *should be* identical to the TwentyTwelve theme which I’m using.
- You must be logged in to reply to this topic.