Fixed left&right sidebars

[ThrewTheNevR]

Hello,

Have a bit of a issue with my css code.

I’m trying to add fixed sidebars to my activity page and thought I could code each class/Id on the sidebars separately

Starting first with the left sidebar using this code below.

 

/* The left sidebar*/

.sidebar-main {

width: 160px; /* Set the width of the sidebar */

position: fixed; /* Fixed Sidebar (stay in place on scroll) */

z-index: 1; /* Stay on top */

top: 0; /* Stay at the top */

left: 0;

}

 

Now the code above does what its intended to do, the left sidebar is sticky and remains in location when scrolling.

However it messes up the right sidebar.

In the picture on the attachment I sent, u can see the right sidebar out of place.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

I think this issue is coming from the width value but I cannot confirm as you do not store your custom CSS in the KLEO Child theme style.css

Are you using custom width and/or width calculations for the sidebar anywhere in your CSS? If so, refer back to the custom width and adjust your CSS to suit your custom width values.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[ThrewTheNevR]

I stopped using the style.css in the file manager awhile back, I had problems with custom css not being issued at the time. I been placing css in theme options>general> custom css.

I removed the width from the code above and the problem persist.
I also checked previous css and found

/*fix width for sidebars on 1840 screen resolutions*/
.page-id-9481 div#main-container {
max-width: 1840px !important;
padding-left: 0px !important;
}

I commented it out to see if anything changed but the problem persist.

[Kieran_SQ]

Hi,

Can you post the whole of your custom CSS in this ticket, using the code tag from the editor before and after the CSS so it is wrapped.

If not please update this ticket, in a private reply, with admin credentials so I can inspect it there. The CSS you show above is not related to the width of the sidebar.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[ThrewTheNevR]

This reply has been set as private.

[Kieran_SQ]

Hi,

Thanks for posting your CSS and the login details, I am unable to find a cause for the display of the secondary right sidebar using width and width calcs. I will ask one of our developers to look into this for you, they’ll be in touch as soon as they can, Monday to Friday – East European Time.

Thank you for your patience,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Radu]

Hi,

If you are disabling all plugins and child theme you still have that?

Anyway cannot login to can see how it’s at this moment

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[ThrewTheNevR]

My apologize, I thought I updated this to resolved.

I was able to fix the issue by using content aware sidebar plugin.

[Radu]

Ok then
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts