I tried but id does not fix the bug - you\'ll see that the text is jumping from float left to float right. It just reduces the width of the sidebar which I\'d like to be of 30%.
It looks that the Portfolio Sidebar Follow on Scroll option forces the width (and CSS) of the sidebar,
I removed the 30% CSS and I still have the distance of sidebar from top which changes on scroll and the sidebar itself which still move at the begining of the scroll (it also moves when I remove all my CSS)
Can you point me to the php file I need to customize to tweak the sidebar layout (I really need to maintain the 30% width and the distance from top).
And how to really freeze the sidebar so it doesn\'t move at all,
Hi,
The width of my sidebar (fixed mode) changes when I scroll down (see http://cynthiaraphael.com/portfolio/fragile-portfolio/ )
Do you know how to fix this bug? is there anything to modify in non-responsive.php?
Thanks a lot for your help!!
CKR
Note: I have the following CSS which might be linked to this topic:
.container.main-content {
padding: 0 7% !important;
max-width:none!important;
}
.single-portfolio #post-area {
padding-right: 30px;
margin-right: 0px!important;
margin-top: 4px;
width: 70%;
}
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
body.single-portfolio #post-area {
width: 70% !important;
}
}
.single-portfolio #sidebar {
width: 30% !important;
float: right;
}
Hey ,
Remove the 30% css property on the sidebar: http://prntscr.com/914ft1 .
Best.
ThemeNectar Support Team
Hi,
I tried but id does not fix the bug - you\'ll see that the text is jumping from float left to float right. It just reduces the width of the sidebar which I\'d like to be of 30%.
It looks that the Portfolio Sidebar Follow on Scroll option forces the width (and CSS) of the sidebar,
Thanks for your help,
CKR
so i guess the only option is to either remove the css or turn off the sticky portfolio sidebar option.
Best.
ThemeNectar Support Team
Hi!
I removed the 30% CSS and I still have the distance of sidebar from top which changes on scroll and the sidebar itself which still move at the begining of the scroll (it also moves when I remove all my CSS)
Can you point me to the php file I need to customize to tweak the sidebar layout (I really need to maintain the 30% width and the distance from top).
And how to really freeze the sidebar so it doesn\'t move at all,
Thanks a lot for your help,
CKR
Hey Again,
Add in this css and it should work perfectly:
@media (min-width: 690px) { .single-portfolio #sidebar.span_3 { width: 30% !important; } .single-portfolio #post-area.span_9 { width: 70% !important; } }
ThemeNectar Support Team
Hi again,
I tried your code, I get a 70% / 30% split, but layout changes when I scroll down...
Its working perfectly even when i scroll down and stays 30% . See screenshot: http://prntscr.com/943aja .
Bes.t
ThemeNectar Support Team
Hi!
I removed all CSS but the one you gave below.
You will see on the pictures attached that the format if not the same when you load the page and when you scroll down.
Please have a look: http://cynthiaraphael.com/portfolio/fragile-portfolio/
The same occurs when you scroll back to the top of the page,
Thanks for your help!!
Hey Again,
Its working perfectly on my end on Chrome Windows. It could be a Chrome MAC issue . Are you seeing this on other browsers as well ?.
Best.
ThemeNectar Support Team
I just checked on Chrome and Internet Explorer on a PC desktop and I have the same issue as on mac...
Hey Again,
I cant recreate the issue either on Chrome or Firefox. Assigning the ticket to the developer so he may check on a MAC and respond.
Best.
ThemeNectar Support Team
Hey again,
I tried again on many PCs and MACs, and it\'s always the same.
Can you please check again this link: http://cynthiaraphael.com/portfolio/fragile-portfolio/
Please make sure the page is fully loaded otherwise the \"Portfolio Sidebar Follow on Scroll\" option is not active and you can\'t see my problem...
You will see that the width and layout of the sidebar changes when you scroll up and down,
thanks!!
Hey Again,
@media (min-width: 690px) { .single-portfolio #sidebar.span_3 { max-width: 333px !important; } }
Best.
ThemeNectar Support Team