Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1261851

    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

    #1262058

    Hi Tom,

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

    Best regards,
    Rikard

    #1262072

    Here you go

    #1262243

    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

    #1262281

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

    #1262404

    Hi Tom,

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

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.