- This topic has 4 replies, 2 voices, and was last updated 10 years, 9 months ago by
.
-
Posts
-
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?
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?
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.
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?
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.
[wp_eStore_add_to_cart id=xx]
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.