#92102 ROW alignment issue

Landing Forums Jupiter WordPress Theme ROW alignment issue

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • Mattia Parlangeli

    Hi,
    as you can see from this image IMG i can’t align (width) the row on bottom to the row on top.
    The bottom row is smaller than the top row.
    Here you can see the construction of the row in WpBakery Page Builder: IMG-1

    Thanks!

    Danish Iqbal Support Team

    Hello Mattia,

     

    I added a custom class (custom-row-full) to the row in which you have added those 2 columns.

    Then, I added the below CSS to Jupiter -> Theme Options -> Advanced -> Custom CSS

     

    .custom-row-full .wpb_column:first-child .vc_column-inner{
    padding-left: 0;
    }
    
    .custom-row-full .wpb_column:last-child .vc_column-inner{
    padding-right: 0;
    }

     

    Let me know if you require more help.

     

    Regards.

    Mattia Parlangeli

    Works perfctely!
    Thanks

    Danish Iqbal Support Team

    You’re welcome 🙂 Glad I could help.

     

    Regards.

    Mattia Parlangeli

    Hi, unfortunately i need to open again this ticket. I have different errors of alignment and measure on mobile and pad version.
    I try to explain all step by step:

    1) – alignment issue on mobile of the last two custom box, please see this image.
    Theese two are not alingn in center and also have a meAsure in width that is less than the images of the custom box above.

    2) Measure issue on pad version of the last custom box, please see this image. 

    Thanks

    Alexander Hutsol Support Team

    Hello,

    Please take our apologies for the delay in response.

    I changed the previous CSS code to the following one to fix the issue:

    @media (min-width: 1025px) {
    .custom-row-full .wpb_column:first-child .vc_column-inner{
    padding-left: 0;
    }
    
    .custom-row-full .wpb_column:last-child .vc_column-inner{
    padding-right: 0;
    }}
    
    @media (min-width: 768px) and (max-width: 1024px) {
    .custom-row-full #mk-button-46 .mk-button {
    padding: 12px 5px;
    }
    
    .custom-row-full #mk-button-46, .custom-row-full #mk-button-41 {
    margin-right: 0 !important;
    }}

     

    Clear the browser cache and check the page on mobile and tablet now.

     

    Regards.

    Mattia Parlangeli

    Thanks.
    I have always a problem in width in mobile and pad version.
    In these two last custom box i would like to have the same width as the custom box above.
    Please look my screenshots.

    Waiting for your kindly reply.

    Alexander Hutsol Support Team

    Hello,

    I’ve added this CSS code to fix the mentioned issue:

    @media (max-width: 1024px) {
    .cstm-main-row .vc_col-sm-8 {
    padding-left: 0;
    padding-right: 0;
    }}

    Please check the mobile/tablet view now.

     

    Regards.

    Mattia Parlangeli

    Same problem.
    Not Works

    Alexander Hutsol Support Team

    Hello,

    For some reason the code I added was removed from the Jupiter > Theme Options > Advanced > Custom CSS section, so I’ve re-added it again https://prnt.sc/vpd0sk

    Please clear the browser cache and check the mobile view.

     

    Regards.

    Mattia Parlangeli

    Thanks!
    Do you know how to solve also this on pad and the same box on phone?

    Waiting for your kindly reply.

    Mattia Parlangeli

    And i have same problem on desktop version.
    I would like that this box goes on left aligned with the box above.

    Thanks!

    Alexander Hutsol Support Team

    Hello,

    I assigned the extra classes to the mentioned rows the same as for the previous ones to fix the issue.

    Please check the page on desktop, tablet and mobile now.

     

    Regards.

    Mattia Parlangeli

    Works perfectly!

    Thanks.

    Alexander Hutsol Support Team

    Hello,

    You are welcome 🙂

    Feel free to create a new topic if you have any other questions.

     

    Regards.

Viewing 15 posts - 1 through 15 (of 15 total)
You must be logged in to reply to this topic. Login