Okay
  Public Ticket #2155934
Salient layout issues
Closed

Comments

  • Rafael started the conversation

    I'm having trouble with ROWS setted to FULL WIDTH CONTENT, there's a left margin appearing. (see attachment)


    Since the 'major update' there are plenty of small bugs, but this one is really bad for my pages. I have this page design for years and the problem is not related with plugins or whatever. Not using any custom css either.


    Can you help with a solution? Thanks.

  •  9,555
    Tahir replied

    Hey Again,
    Could you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Best


     Salient Support Team


  • Rafael replied

    Tahir, no its not a problem caused by any plugin. Could you please check for another solution?

  •  3,278
    Austin replied

    Hi Rafael,

    Can you add the following custom css in Salient > General settings > CSS/ Script related:

    @media only screen and (min-width: 1000px){
        .container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content .post .inner-wrap, .material #search-outer #search{
        padding:0px !important;
    }
    }
    

    Hope this helps.

  •  9,555
    Tahir replied

    See screenshot : http://prntscr.com/pa996n the Google tag manager is breaking the body html tag in the page which is likely causing this .

    Bes t


     Salient Support Team


  • Rafael replied

    Thanks for the tip, Andrew.

    Tahir, thanks. Worked perfectly after the Google tag manager adjust.

  •  2
    SMEketing replied

    I am also having a similar problem.

    I've just updated to 11.0.01 and all my 'full width content' items now shift to the left, leaving a large gap to the right.

    I've disabled and checked all third party plugins, but these were not causing the issue. 

    I've added in this code: 

    @media only screen and (min-width: 1000px){    .container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content .post .inner-wrap, .material #search-outer #search{    padding:0px !important;
    }
    }

    ...but it hasn't made a difference.

    This is on Chrome, Firefox and mobile.

    Also, my logo is shifted to the left too.

    Thanks for your help.

  •  9,555
    Tahir replied

    @Smeketing,

    Please create a new ticket with your login credentials so we can take a look . 

    Best 


     Salient Support Team