Responsive css probelm - by hostpuppies - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Robert Hall

  • Avatar: hostpuppies
    hostpuppies
    Participant
    October 4, 2014 at 19:58

    Having problems with the featured image collapsing into the breadcrumb header on Iphone,and Samsung Galaxy S4 Android phone. FOr some reason the featured image runs underneath the breadcrumb image area on Iphone and smartphone devices. Please see url in the private area.

    7 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    October 4, 2014 at 20:08

    Hello,

    Sorry, but there is no private content in your post.
    Please re-add it.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 4, 2014 at 22:50

    Here you go, and thank you

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 5, 2014 at 19:39

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) {.wp-picture img {
    padding-top: 10px;
    }}

    To create custom.css you need rename default.custom.css to custom.css via FTP in wp-content/themes/royal directory and enable it in Theme Options > Custom CSS.

    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 5, 2014 at 20:12

    i have created a custom css, and I added the above code. It did not change the problem on mobile phone, Iphone and Samsung Galaxy S4. Please look at this link on an Iphone 5 or above.

    http://hostpuppies.com/inac/blog/twenty-one-days-left-to-apply-for-april-1-2015-funding/

    Avatar: Eva
    Eva Kemp
    Support staff
    October 6, 2014 at 11:47

    Hello,

    Please try to use this code instead:

    @media (max-width: 480px) {.wp-picture img {
    padding-top: 10px !important;
    }}

    Also check if you enabled custom.css in Theme Options > Custom CSS.

    If it doesn’t help please provide us with the correct details to wp-admin panel as the previous ones don’t work.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 6, 2014 at 19:26

    Oh man, thats awesome. worked like a charm. thank you again.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 19:42

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Responsive css probelm’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.