Okay
  Public Ticket #951391
Responsive question
Closed

Comments

  •  2
    Tomasz started the conversation

    Hi,


    Amazing theme! 


    Short question:

    Is it possible to have custom padding for columns design on a desktop and a custom padding for columns on tablets and phones?


    Cheers Tomasz


  • [deleted] replied

    Hello Tomasz,

    Thank you for using our theme.
    Please show us on screenshots what paddings you mean exactly to prevent misunderstanding.

    Regards.

  •  2
    Tomasz replied

    Hi Amy,


    First attechment "Capture" shows the current situation, this design is readable on all platforms. 

    Second attechment "Capture2"shows what i am aming for. 

    Third attechment "Capture3" shows the result in tablet mode. The padding negatively affects design. 

    I can either reset the padding for phone or for tablet, but it seems i dont know how to have a different design for the devices.

    hope you can help.


    Cheers Tomasz

  • [deleted] replied

    Hello Tomasz,

    You can reset margin/padding for mobile devices in Row Settings > Design Options > Margin Breakpoint and Padding Breakpoint sections

    Regards.

  •  2
    Tomasz replied

    Hi Amy,


    I noticed that. But it only reset the padding for mobile. Not Mobile and tablet. I am forced to choose.

    I would like to have the option to reset the padding for: "mobile phone" AND "tablet". 


    Any ideas?

  • [deleted] replied

    Hi,

    In that case you can use custom css code to reset padding for both mobile and tablet devices.

    1. Add extra class name for your row, for example "custom-reset"

    2. Go to LEVELUP > General Settings > Custom CSS Code and add the following code

    @media (max-width: 992px) {
    .wpb_row.custom-reset {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }}

    Regards.

  •  2
    Tomasz replied

    Hi Amy,


    I tried the code, but no results for tablet mode. If I add left and right padding 200px the tablet view is not reset.

  • [deleted] replied

    Hello,

    Please provide us with temporary wp-admin credentials in private answer.

    Regards.

  •  2
    Tomasz replied

    Hi Amy,


    Sure but since this is a public ticket, can you provide me a secure email adress where i can send the credentials to?



  • [deleted] replied

    Hello,

    You can send your credentials in the ticket in Private answer. Also if you wish I can make this ticket private so it will be available only for support staff and you.

    Regards.

  •   Tomasz replied privately
  • [deleted] replied

    Hello,

    I've edited previously provided css code to reset paddings on tablet for columns also:

    @media (max-width: 992px) {
    .wpb_row.custom-reset,
    .custom-col-reset .vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }}

    I've created test page called "Test reset" so you can check it. Custom extra class name "custom-col-reset" has been added in column settings for each column. You can rename it to your own, but don't forget to rename it in css code too. 

    Regards.

  •  2
    Tomasz replied

    Hi Amy,

    I didn't put in the custom class in the column yet, but it seems to work anyway if i select a new option called: reset padding on "tablet landscape". I havent seen that before did you changed this in the update?

    Anyways, I am happy it works but I find it a bit strange to call a function that reset both, tablet and phone a "tablet landscape". could you perhaps clarify this? I like your theme very much and purchased already 3 licenses, so I would like to fully understand all aspect of it ;-)  


    cheers Tomasz


  • [deleted] replied

    Hello,

    As I see you are using old theme version and plugins as well and some options may work incorrectly. Please update the theme and required plugins to the latest versions and after check padding reset option for mobile devices.

    Here you can find instructions how to make an update http://puzzlerbox.com/levelup/documentation/General/Update_Theme.html

    Regards.