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 Aligning Pricing Table for Tablet

Discussion in 'Free Divi Community Forum' started by enr, Aug 16, 2020.

  1. enr

    enr New Member

    I have created a pricing table with the Pricing Table module on Divi Visual Builder, it looks like this (three tables, one next to the other, center aligned):
    upload_2020-8-17_1-31-40.png
    However, on tablet it looks like this (two tables aligned left and center respectively, and the third one below them, aligned left - here the screenshot only shows the top part of the third table):
    upload_2020-8-17_4-5-25.png

    I would like to narrow the width of the tables and display all three of them one next to the other like in the desktop version. However, it seems that no matter how much i try to squeeze the table using the dimension or spacing tools of either the pricing table module or the line in which the module is, the position of the three tables remain unvaried for tablet. Do you have any suggestion regarding this?
    Thank you so much for your help in advance!
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  3. enr

    enr New Member

    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    You will also need to go to your pricing table module settings & remove the max-width that you set for tablet view.
     
    Alberto Casanova likes this.
  5. enr

    enr New Member


    Thank you so much! It worked! However, now the last table on the right is shifted down a little as in the screenshot below, still only for tablet. There is no difference in padding or margin between tablet and other devices. Do you know how to fix this? Thank you!

    upload_2020-8-26_20-40-7.png
     

    Attached Files:

    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.