1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Product Description Tab on Mobile

Discussion in 'Basic Support Forum' started by Joe Tiew, Oct 22, 2019.

  1. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Dear Support,

    Good morning! Refer to Product Description Tab on Mobile Phone (screenshot), may I know can I either:

    Q1. Extend the Text width inside Product description tab (because I have long product description)

    Q2. Remove the Product description tab (only showing the contents) on mobile phone

    Thanks in advance ya!

    Joe
     

    Attached Files:

    #1 Joe Tiew, Oct 22, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Hey support, I have one more question about the Mobile Menu.
    FYI I use Shop theme. I tried to apply a few CSS that previously work on other theme, but didn't work here.

    #Q3. My logo looks perfect on desktop but too small on mobile devices. I would like to increase the size of the logo on mobile devices. May I know how can I do it?

    Thank you!
     
    #2 Joe Tiew, Oct 22, 2019
  3. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Adjust the value to suit your need.
    Try the below CSS:
    Code:
    Log In or Sign Up to view this code.
    Kindly share your URL.
     
    #3 Divi.Help Pro Support, Oct 22, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  4. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Awesome! Thanks for quick support!
    The URL is https://tinyurl.com/y2b2yk2f (Do you want username & password, if yes, how to PM you?)

    #Q4 May I know how to change the color of these elements? (refer to screenshot)
    - Sales Badge @ Product Category page
    - Side Bar

    Thank you & wish you have a great Wednesday!

    Joe
     

    Attached Files:

    #4 Joe Tiew, Oct 23, 2019
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    No need for that.

    You can try the below CSS for enlarging the mobile logo:
    Code:
    Log In or Sign Up to view this code.
    Will need custom CSS for that as well.

    Try the below:
    Code:
    Log In or Sign Up to view this code.
     
    #5 Divi.Help Pro Support, Oct 23, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  6. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Thanks again!
    Refer to above suggestions, two work perfect while two didn't work.

    Q1. Extend the Text width inside Product description tab (because I have long product description)
    Code:
    Log In or Sign Up to view this code.
    This CSS didn't works. No changes happen after apply it.

    --------------------

    Q2. Remove the Product description tab (only showing the contents) on mobile phone
    Code:
    Log In or Sign Up to view this code.
    This CSS also didn't work on my site. Product description tab still showing on my smartphone after apply it.

    Q3 & Q4 working perfect!
    Thank you very much!

    Warmest regards,

    Joe
     
    #6 Joe Tiew, Oct 23, 2019
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS instead:
    Code:
    Log In or Sign Up to view this code.
    Adjust the value to fit your need.
    Try the below CSS instead:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help Pro Support, Oct 23, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  8. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Awesome! Thank you for Q1, 2, 3 & 4 solutions.

    I tried to maximize my page width on mobile view (refer to screenshot) & preset 100% width on Divi section, Row and Module, but the page width on my mobile view is still the same (not fully maximize).

    May I know is there any CSS can increase the page width?

    Thanks again!
     

    Attached Files:

    #8 Joe Tiew, Oct 23, 2019
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #9 Divi.Help Pro Support, Oct 23, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  10. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Ya the CSS working perfect! Thank you!
     
    #10 Joe Tiew, Oct 24, 2019
(You must log in or sign up to post here.)