mobile css for product pages?

  • Resolved hemingwayscatboutique

    (@hemingwayscatboutique)


    8 years, 2 months ago

    i posted this in my theme support section too but was hoping someone in here could assist me with this..

    I changed my product page summary area to be further to the right using this css code:
    .storefront-full-width-content.single-product div.product .summary {
    padding-left: 6em;
    }
    now my mobile version is off! and when i go in and try to add @media only rule my css stylesheet rejects it. how do i fix this? I need to product pages on mobile device to be aligned properly.
    hemingwayscatboutique.com

    thank you.

    https://wordpress.org/plugins/woocommerce/

Viewing 4 replies - 1 through 4 (of 4 total)
  • lorro

    (@lorro)

    8 years, 2 months ago

    my css stylesheet rejects it

    .. probably because you have errors in your custom css. CSS is picky. Try to get it to validate using this service:
    http://jigsaw.w3.org/css-validator/#validate_by_input
    then try again with your medai query.

    Thread Starter hemingwayscatboutique

    (@hemingwayscatboutique)

    8 years, 2 months ago

    thanks, I changed the code to this:
    @media only screen
    and (min-width : 770px) {
    .storefront-full-width-content.single-product div.product .summary {
    padding-left: 15%;
    }
    }

    and, it seems to be working now..

    any idea why my page titles are missing on some pages?
    Thanks again!

    lorro

    (@lorro)

    8 years, 2 months ago

    Your css in your Simple Custom CSS plugin still does not validate.

    I could only find the home page to be without a title. The other pages I tried had titles. Please give an example page without a title.

    Thread Starter hemingwayscatboutique

    (@hemingwayscatboutique)

    8 years, 2 months ago

    ok I fixed it! It was a mix up in the code. I am working on cleaning up the code. It is taking me forever!
    Thanks for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘mobile css for product pages?’ is closed to new replies.