Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 20, 2020 at 7:39 pm #1261851
    trljackson

    Hello,

    I have logged this some time ago but still no solution. When on a mobile device, in my case an iPhone XR, on the Product page brlow add to Basket, the description, additional information and reviews tabs wrap into a second line,. It does not look good. I have attemted to solve this through customer CSS with no luck. Please can you advise on a fix for this issues. Take this page as an example and adjust your screen to a mobile view. I was hoping to attached a screen shot but follow these steps are you will be able to recreate the problem.
    Thanks
    Tom

    November 22, 2020 at 3:48 am #1262058
    Rikard

    Hi Tom,

    Could you post a link to where we can see and reproduce the problem please?

    Best regards,
    Rikard

    November 22, 2020 at 5:09 am #1262072
    trljackson

    Here you go

    November 23, 2020 at 5:02 am #1262243
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#top div div.product .woocommerce-tabs ul.tabs li a, #top div div.product .woocommerce-tabs ul.tabs li.active a {
    padding: 9px 5px 10px 5px;
}
}

    Best regards,
    Rikard

    November 23, 2020 at 9:04 am #1262281
    trljackson

    Thanks Rikard. Delighted. Your code has solved my problem. I have waited a long time. Cheers
    Tom

    November 23, 2020 at 3:10 pm #1262404
    Nikko

    Hi Tom,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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