-
AuthorPosts
-
July 7, 2016 at 3:57 pm #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!
AntoineJuly 7, 2016 at 4:51 pm #658141Hey 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,
JordanJuly 7, 2016 at 6:33 pm #658178Sure!
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
July 7, 2016 at 6:37 pm #658182Oups… 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!
July 8, 2016 at 1:29 pm #658389Hi,
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,
RikardJuly 8, 2016 at 2:48 pm #658436Hi 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:
The page I’m refering to is here
Thanks!
AntoineJuly 11, 2016 at 1:57 pm #659261Hey 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,
RikardJuly 11, 2016 at 8:57 pm #659536Hi Rikard,
Thanks, I’ll try to implement those CSS tricks.
Have a great day!
Antoine -
AuthorPosts
- You must be logged in to reply to this topic.