Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 11, 2017 at 12:57 am #875414
    Overhaulics

    When screen gets narrow, the product name and price overlap. How can I get the price to drop down below the product title?

    November 11, 2017 at 5:39 pm #875521
    Victoria

    Hey Kyle,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 650px) {
  .av-catalogue-title {
    padding-right: 210px;
    text-transform: none;
  }
  .av-catalogue-price.av-cart-update-price {
    width: 210px;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    December 11, 2017 at 11:35 pm #887588
    Overhaulics

    How do I do this with the normal Enfold Catalogue items?

    December 12, 2017 at 11:51 am #887858
    Victoria

    Hi Kyle,

    There are a lot of css adjustments that need to be made for the iPad and mobile screen. Please disable caching and minification while we’re helping you.

    Best regards,
    Victoria

    December 13, 2017 at 2:19 am #888189
    Overhaulics

    caching is disabled now.

    December 15, 2017 at 1:43 pm #889289
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 1100px) {
.av-catalogue-price {
    position: inherit;
}}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.