Ipad layout - by queenb123 - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Rose Tyler

  • Avatar: queenb123
    queenb123
    Participant
    March 20, 2017 at 03:07

    hello

    i tweaked a widget title here – but for ipad orientation – i cant seem to adjust it:

    ipad

    this is the code i added for mobile and it worked!

    @media only screen and (max-width: 375px){
    .widget-title {
    color: #ffffff;
    font-size: 1.14rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 1.56em;
    padding-left: 90px;
    padding-top: 15px;
    text-transform: uppercase;
    }

    this is the code i added for ipad & it didnt work:

    @media only screen and (min-width: 768px) and (max-width: 994px) {
    .widget-title {
    color: #ffffff;
    font-size: 1.14rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 1.56em;
    padding-left: 28px;
    padding-top: 15px;
    text-transform: uppercase;

    is it possible to give me the correct css for:

    mobile portrait
    mobile landscape
    ipad-tablet portrait
    ipad-tablet landscape

    thank you!

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 22, 2017 at 17:17

    Hello,

    Use text-align: center instead of padding: 50px http://prntscr.com/en5jm2

    Regards

    Avatar: queenb123
    queenb123
    Participant
    March 22, 2017 at 23:34

    Thank you that worked!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 23, 2017 at 09:38

    Hello,

    You’re welcome!

    Regards

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

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

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