Hero / Content Split bug and upload media problem

[redblue083190]

Hi there,

Please see the attached image, the Hero / Content Split page seems have some error when it in ipad or mobile screen size.

One more thing, don’t know why I can’t upload anything to media. If I switch to another theme, it work fine.
I am using godaddy hosting, do you have any idea about it?

Thanks.

Attachments:

You must be logged in to view attached files.

[redblue083190]

I just found that review section on the product page have the same problem too.
and don;t know why the “Rating” and stars are overlapping now. (Please see 2nd attached image)

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Have you made any modifications to the CSS, particular the grid? Checkout the demo, all is normal: http://swiftideas.com/product/achilles-low/

Thanks.

[redblue083190]

Which bugs you mean? Are you talking about both Hero / Content Split page and Review section for Product page?
I don’t think so. Can you help me to figure it out??

I am quite disappointed your answer since I have waited for 2 day.

You still didn’t answer my media upload problem. I have asked this question in my previous topic but you guys skipped it too.
It’s so annoying that I need to switch the theme all the time when I need to upload anything.
Here are the information about my uploading issue:
1) Godaddy hosting
2) below 5kb size file is succeeded to upload. More than than, it failed.

[David Martin – Support]

Hi,

I am referring to the “Review section for Product page”.

Your upload image issue is related to your host, please contact them and report the issue. They may need to increase the available memory for your WP site.

Your 50/50 content split looks like that because there is not enough room to have a tour tabs section with 50% of the page with of a small screen. You’d need to change the CSS to try and force a fit. Here is an example for an iPad and small screen:

iPad:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.spb_tour .nav-tabs {
    float: none;
    width: 100%;
    padding: 0 25px;
}

.spb_tour .tab-content {
    padding-left:0;
}

.hero-content-split #main-container .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
}

iPhone:

@media only screen and (max-width: 479px) {
.spb_tour .nav-tabs {
    float: none;
    width: 100%;
    padding: 0 25px;
}

.spb_tour .tab-content {
    padding-left:0;
}

.hero-content-split #main-container .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
}

Thanks,
David.