Sidebar Responsive Problem

Posted in: Newspaper
Post count: 20

Hi, I have a problem with my sidebar.

When the screen is smaller than 1018px, if you go to bottom with the scroll bar, the sidebar becames small. Is weird cause it just happends when you go bottom…

URL: http://tvendord.com/hoy/2016/08/15/springfest-one-fashion-show-at-the-university/

Help me with that please.

Thanks!

Post count: 22421

Hello,
I have accessed your site but could not see the problem. the sidebar does indeed go smaller below 1018 px as tablets do not have enough space to display the full sidebar width. It is a css rule added to make sure the sidebar and content display properly on tablets but i could not see it getting smaller when scrolling to the bottom. please let us know if you still have this issue.
If you do, in most cases such issues are plugin conflicts so please disable all plugins except visual composer, clear cache and reset cdn files if you use it.
Thank you!

Post count: 20

Hi Bogdan!

In this links below you can see that I´m talking about (could be good if you put a tool to upload screenshots on your web)

The first image shows the sidebar looking good, with the correct width, at the top of the page:

IMAGE 1

The second image shows THE SAME POST but at the middle of the page (going bottom with the scroll bar) and has you can see, the sidebar is reduced:

IMAGE 2

How can I fix it?

Is not a cache or plugin problem.

Thank you

  • This reply was modified 9 years by josoro.
Post count: 6535

Hi

You made some changes in theme’s files and the layout it’s a bit affected. You can try this css to correct that issue: http://screencast.com/t/jyWFOMfcAlnI

.td-ss-main-sidebar{
width: auto!important;
}

Thanks!

Post count: 20

Hi Andrel!

I did it and the problem change, now the minimun width is ok on the whole page, but at the middle of the scroll the sidebar width exced the content of the page…

IMAGE 3

What can we do?

Thanks a lot

Post count: 22421

Hello,

You can make the code only affect the tablets by using media querries. Please remove the code ANdrei provided and add this one instead:

@media(max-width:1018px){
.td-ss-main-sidebar{
width: auto!important;
}}

Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.