Okay
  Public Ticket #899220
Responsive headers crop direction
Closed

Comments

  •  2
    Sorina started the conversation
    September 22, 2016 at 7:43pm

    Hey guys,

    Thank you very much for always being so prompt! Salient rules :D

    My issue is the following:

    I have created custom banners for almost every site page. I can see that they are responsive, and the responsiveness policy is always 'crop center' . Can I have this changed, to something like crop-left ? 

    The content from the banners is either on the left, or on the right, so I would like the content to not get cropped out on different resolutions.


    I hope that the related URL is self explanatory :D

    Thank you very much :D

  •  8,996
    Tahir replied
    September 23, 2016 at 4:13pm

    Hey Sorina,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •  2
    Sorina replied
    September 25, 2016 at 8:46pm

    Hey Tahir,

    Sorry for the delay :D

    As a sample page, I can show you http://suntemcreativi.ro/portfolio/promovare/ .

    As you can see, the banner loses the illustration on different resolutions.

    Thank you very much:D

  •  8,996
    Tahir replied
    September 26, 2016 at 5:07pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    #page-header-bg[data-bg-pos="top"] .page-header-bg-image {
    background-position: center left !important;
}

    Thanks


    ThemeNectar Support Team 

  •  2
    Sorina replied
    September 28, 2016 at 1:16am

    Hey there and thank you once again for the prompt reply.

    Is there a way that I can set this CSS rule for each page? For example on:

    http://suntemcreativi.ro/portfolio/magazinonline/ i have the content on the right.

    Thank you:D

  •  8,996
    Tahir replied
    September 28, 2016 at 11:14am

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .postid-92 #page-header-bg[data-bg-pos="top"] .page-header-bg-image {
    background-position: center left !important;
}

    Also see: https://themenectar.ticksy.com/article/2077/

    Thanks

    ThemeNectar Support Team