JA Directory and sidebar

corsicorsari

Hello everybody,
If I put a module in "sidebar 1" position, the k2 item content moves on the right of the page, and goes "out" of the border of the layout, as you see in the attached image in the red rectangle.
I really don't know how to fix it.
Thank you for your support.

saguaros

corsicorsari
Hi,

I just checked this page on your site: /campi-estivi-avventura/bellamonte-international-camp and the K2 content still shows fine, did you get it solved?

corsicorsari

Hello Saguaros, I still see the K2 content off of the main layout, as I post with my image. To see all the content, I have to scroll the page on the right.

saguaros

corsicorsari
Hi,

I've reported this to the team for further checking and update. Pls stay tuned.

corsicorsari

OK, I'm waiting for your responce!

corsicorsari

Any news?

corsicorsari

I have edited the bootstrap.css (in templates/ja_directory/css) at line 433: there was written width: 1170px and I change the value to 982px and now it is fixed. I don't know if my procedure is the right one. Can you please confirm that?
Thank you.

saguaros

corsicorsari

You can use that temporary solution, I will get back to you when having news from team.

corsicorsari

Hello there, any news?

saguaros

corsicorsari
The team is working on it, pls give us more time. I will keep you posted.

corsicorsari

Hello again, it's a month ago... have you got any news?
I would like to go online.
Thank you.

aman204

corsicorsari Hi

Try add this to custom.css file :

#k2Container .container{margin-left:0;margin-right:0;}

corsicorsari

No, it still doesn't work.

aman204

corsicorsari I am able to see the K2 main-body content area set right and sidebar-block coming within the layout wrap, which had been highlighted by you in your screenshot Ref: screenshot

Kindly ensure to clear your browser cache if unable to see the changes as seen in this screenshot

Also, Would suggest to turn off optimize css while the site is still in development mode. You may turn it on when the site goes live

corsicorsari

Hello Aman,
unfortunately I already have the screen as you can see in the attachment... The right part of the content is outside from the window...

corsicorsari

Hello again, I have updated JA Directory to the last version... but now it is worse then before... Please see at: https://www.tuttocampiestivi.com/it/campi-estivi-avventura/bellamonte-international-camp

[one hour later]
From the HTML source, if I change

@media (min-width: 1200px)
.container {
    width: 982px;

with

@media (min-width: 1200px)
.container {
width: 100%;

in bootstrap.css works everything. Unfortunately, when I try to update bootstrap.css as I have written, something returns as before (sure there is some rule that I don't know)

Waiting for your responce to fix it.
Thank you

saguaros

corsicorsari

Hi,

Did you try to set full width for the module via Extra Fields option? http://prntscr.com/jsbthe

aman204

corsicorsari Hi

As apparently seen, There are some conflicting CSS declaration coming from K2 CSS file which are appending to already present HTML div tags, henceforth, breaking the layout

Try try this to custom.css file :

.directory-details .t3-mainbody.container{width:1170px !important;}