[Post count: 12]

dennis

April 10, 2018 at 9:13 pm #30348

Hi,

I want to build a (post) template for my site using page builder, but there’s a strange behaviour with the row element and the sidebar setting of jnews theme (on a fresh wordpress / jnews installation)

Like you know, the page builders row element can be splitted to a grid, like 1/4 + 1/4 + 1/4 + 1/4.
Within the page builder editor, the layout of my page/post (in particular my multi-columned row element) looks like it should be.

But after closing the page builder editor, the alignment of the rows grid fields doesn’t match the editor layout, the fields are mirrored (please see images attached).
This only happens, when the jnews sidebar is active (and the editor is closed) – in fullwidth, everything is fine.
The thing is, I need the sidebar, so I’m looking forward hearing from you with a bugfix or suggestion 🙂

thank you and best regards,
Dennis

[Post count: 12]

dennis

April 10, 2018 at 9:21 pm #30349

hm, sorry – images aren’t loaded, but I can’t edit post: “ERROR: Forum ID is missing.”

[Post count: 11428]

Adek

April 11, 2018 at 11:12 am #30374

Hi Personello,

It’s because there’s CSS class from the left sidebar that affects on the page content, and it seems it’s only happened when you use the left sidebar instead of the right sidebar. Can you please provide me the page URL so i can check it directly on my side.

Thank you

[Post count: 12]

dennis

April 11, 2018 at 1:24 pm #30378

This reply has been marked as private.

[Post count: 11428]

Adek

April 12, 2018 at 9:43 am #30391

Hi Dennis,

Please try to put this CSS code below into Customize > Additional Style:

.jeg_sidebar_left .jeg_main_content, .jeg_sidebar_left .jeg_main_content.col-md-8, .jeg_sidebar_left .jeg_main_content.vc_col-md-8 { float: left; } .jeg_sidebar_left .jeg_singlepage > .container > .row > .jeg_main_content.col-md-8 { float: right; }

1 2 3 4 5 6

.jeg_sidebar_left .jeg_main_content, .jeg_sidebar_left .jeg_main_content.col-md-8, .jeg_sidebar_left .jeg_main_content.vc_col-md-8 {     float: left; } .jeg_sidebar_left .jeg_singlepage > .container > .row > .jeg_main_content.col-md-8 {     float: right; }

Thank you

[Post count: 12]

dennis

April 12, 2018 at 5:43 pm #30404

Hi Adek,

thank you for your effort, it works that way, thanks!

One more question…the sidebar is a bit too large for our needs, is it possible to make it a bit smaller, like setting the jeg_sidebar col-md-4 to col-md-3 and the jeg_main_content col-md-8 to col-md-9?
Or is there any other layout-element that could crash with this customization?

Thank you

[Post count: 11428]

Adek

April 13, 2018 at 10:32 am #30431

Hi dennis,

For the smaller sidebar, we already have this kind of feature but it will include on JNews v2. If all goes well, we will release it this week or next week at least. Please be patience for a while 😀 and don’t forget to leave 5 stars rating for JNews. It will help us much.

Thank you

[Post count: 12]

dennis

April 16, 2018 at 2:25 pm #30541

Hi Adek,

now with the JNews v2 update, I tried to use the “Wide – left sidebar” option, but it doesn’t work. Every new sidebar option shows the page in full width, the old options work (by the way: the css-mirror-fix above isn’t patched in the update).

Do you have a suggestion how to fix it?

Thank you

Edit: Nevermind, was my fault – had this \fragment\post\single-sidebar.php hack active, now without it, it works 🙂
But your CSS-Mirror-Fix now brings the left sidebar to the right 🙁 – how to fix it?

Thank you!

[Post count: 11428]

Adek

April 16, 2018 at 3:31 pm #30550

Please try to remove that CSS code because you don’t need to use it anymore.

Thank you

[Post count: 12]

dennis

April 16, 2018 at 3:51 pm #30553

I tried your css-mirror-fix with col9 instead of col8 (like you postet above) and it works, but only for desktop and tablet view but not for mobile view, its not responsive anymore.

.jeg_sidebar_left .jeg_main_content, .jeg_sidebar_left .jeg_main_content.col-md-9, .jeg_sidebar_left .jeg_main_content.vc_col-md-9 { float: left; } .jeg_sidebar_left .jeg_singlepage > .container > .row > .jeg_main_content.col-md-9 { float: right; }

1 2 3 4 5 6

.jeg_sidebar_left .jeg_main_content, .jeg_sidebar_left .jeg_main_content.col-md-9, .jeg_sidebar_left .jeg_main_content.vc_col-md-9 {     float: left; } .jeg_sidebar_left .jeg_singlepage > .container > .row > .jeg_main_content.col-md-9 {     float: right; }

Can you provide me a fix, that mobile view works too? 🙂

Regards,
Dennis

[Post count: 12]

dennis

April 16, 2018 at 4:37 pm #30558

Hi Adek,

my page builder template is mirrored without the css fix

[Post count: 11428]

Adek

April 17, 2018 at 11:04 am #30619

Hi Dennis,

I’m not sure yet if you’re still getting that problem or not. If you still getting that problem, can you please provide me the page URL that showing that problem? So i can check it directly on my side. Please confirm.

Thank you

[Post count: 12]

dennis

April 17, 2018 at 1:53 pm #30640

This reply has been marked as private.

[Post count: 11428]

Adek

April 18, 2018 at 10:59 am #30700

Hi Dennis,

Please try to use this CSS code below:

@media only screen and (max-width: 768px) { .jeg_sidebar_left .jeg_main_content, .jeg_sidebar_left .jeg_main_content.col-md-9, .jeg_sidebar_left .jeg_main_content.vc_col-md-9 { float: left; } .jeg_sidebar_left .jeg_singlepage > .container > .row > .jeg_main_content.col-md-9 { float: right; } }

1 2 3 4 5 6 7 8

@media only screen and (max-width: 768px) { .jeg_sidebar_left .jeg_main_content, .jeg_sidebar_left .jeg_main_content.col-md-9, .jeg_sidebar_left .jeg_main_content.vc_col-md-9 {     float: left; } .jeg_sidebar_left .jeg_singlepage > .container > .row > .jeg_main_content.col-md-9 {     float: right; } }

Thank you