Position option ? on x theme

[KaziTouhid]

Hey I am looking for the position setting on x theme . Please guide me . I thought I have seen it on video or something but can find the option . thanks

[ruenel]

Hello @KaziTouhid,

Thanks for writing in! The position option is only available to the DIV element. Please check out this documentation to be familiar with this element:

• https://theme.co/docs/div

You can use the DIV element to wrap another element like the icon element for example and then use the position option to place the DIV element in your column or on the page.

Best Regards.

[KaziTouhid]

thanks that’s what I was missing .

[friech]

You’re most welcome,

Cheers!

[KaziTouhid]

I thought I can create something like this with div , How can I make it not go over the column area . check out the video .

or how I can make one column and one column fixed

need

[tristup]

Hi @KaziTouhid,

It seems that you are trying make the sidebar sticky, regretfully there is no such option for that. But you can go through the following article with similar topic which may help you on this.

How to Make Sidebars Fixed

Hi there, Thanks for writing around! As you may know, making random sidebars sticky is not a theme feature out of the box and requires custom development which is outside of our support scope, with that being said I can point you in the right direction but implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization break you will need to hire a developer. So kindly consider the fol…

Sticky sidebar position fixed with overlapping footer

Hi Claire, Thank you for the URL, but a fixed sidebar will always overlaps with the footer. Do you mean you want the sidebar to be behind the footer instead of the other way around? If so, please update this custom CSS .stick { margin-top: 0 !important; position: fixed; top: 190px; right: 0 !important; z-index: 10000; } Update the z-index: 10000; to z-index: 0; Hope it helps, Cheers!

Hope it helps.
Thanks

[KaziTouhid]

Will you guide me how to implement this with x theme :

https://www.w3schools.com/howto/howto_css_sticky_element.asp

[prakash_s]

Hello @KaziTouhid,

You can select the class of the section and then you need to add the style(Add your custom CSS code under the Theme Option —>CSS) with respect to the section CSS class for that you need to learn CSS and learn how to use the browser’s element inspector

Hope it helps
Thanks

[KaziTouhid]

Will you please help me with that ??? I am doing everything ,

THis is a x theme , and it works : https://springboardtuition.com/

But some how it’s not :
Check out the code in this page :

https://designerkazi.com/test/

its not working at all .

This is code :
.sticky {

position:-webkit-sticky;

position:sticky;

top: 1em;

}

body {

overflow-x: visible;

}

@media (max-width: 767px) {

body {

overflow-x: hidden!important;

}

}

[ruenel]

Hello @KaziTouhid,

When I checked your page’s source code, I am not seeing the above code. This is only the code I have seen on the page:

Please make sure that you have added your custom CSS code in the right place which is in Page’s CSS section:

Please note that custom coding is outside the scope of our support under our Support Policy. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.