Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 8, 2018 at 1:00 am #909480
    ginnywills

    Hi

    Can you tell me how to fix this formatting on the phone of the tours/products just below the big image? The price needs to drop down below the title ideally – its overlapping

    Tours

    Thanks,
    Ginny

    February 8, 2018 at 2:47 am #909529
    Mike

    Hey ginnywills,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 481px) { 
#top.page-id-337 .av-catalogue-title.av-cart-update-title:after {
content: "\A\A"; 
  white-space: pre;
}
#top.page-id-337 .av-catalogue-price.av-cart-update-price:before {
content: "\A"; 
  white-space: pre;
}
#top.page-id-337 .av-catalogue-price.av-cart-update-price {
   left: 0px!important; 
}
}

    This code is created for this one page only, let us know if you need it for other pages.
    Please clear any cache plugin and your browser cache and check.

    Best regards,
    Mike

    February 8, 2018 at 9:56 pm #909965
    ginnywills

    Thank you! Perfect!

    February 8, 2018 at 10:05 pm #909978
    Jordan Shannon

    Hi,

    I’m glad Mike was able to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Formatting issue on the phone’ is closed to new replies.