Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #658125

    Hi support!
    I set several color sections on a page and notice that side bars were always displayed after the last color section. Id’ rather have the side bar always at the top.
    Is there a way to set color sections so that they do not interfere with side bars (e.g. they are considered as a 1/1 block)?
    Thanks!
    Antoine

    #658141

    Hey Antoine,

    Thanks for getting in touch with us!

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    #658178

    Sure!

    There you go:
    The version with 2 color sections and that makes the sidebar fall at the bottom:

    The version with only 1 color section, everything is in place… but I’d like very much have another color section in the middle of the page :)

    Thanks!

    Antoine

    #658182

    Oups… not sure my links worked in my previous message. I’ll try it again:

    link1: http://www.clinique-cmie.com/0-test-ag
    link2: http://www.clinique-cmie.com/medico-esthetique/services-medico-esthetiques/repousse-des-cheveux/

    Thanks!

    #658389

    Hi,

    Color Section elements are full width element and the sidebar will display after them by default like you say, that is the default behaviour and changing it will require a lot of customisations to the theme. Please try using 1/1 elements instead or try to explain a bit further what you would like to achieve and we might be able to help you out with some custom CSS to get you there.

    Regards,
    Rikard

    #658436

    Hi Rikard,
    Thanks for your answer!
    What I’m actually trying to achieve is to have a colored band with logo and text that would go from the side bar to the end of the screen.
    I indicated what I meant with the purple arrows this print screen:
    printscreen
    The page I’m refering to is here
    Thanks!
    Antoine

    #659261

    Hey Antoine,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .page-id-3428 .avia-builder-el-3 {
        min-width: 120% !important;
        margin-left: -50px !important;
    }

    Best regards,
    Rikard

    #659536

    Hi Rikard,
    Thanks, I’ll try to implement those CSS tricks.
    Have a great day!
    Antoine

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