Right Module Position Showing Outside Main Div

Sure, here you go. Looks like the provided CSS does not fix the issue. I've tried in 3 differnt browsers as well.

The CSS provided doesn't really address the issue with the < aside id="sp-right" > still showing up outside the < main id="sp-component" > div. Running the page through w3c validator still shows open elements, seems there may be a missing < /div > in a file somewhere.

Just want to be clear here, the issue is not fixed. I just found a temporay solution.

I just identified what file is causing the issue. I renamed the following file templates/newsberg/html/com_content/article/default.php to templates/newsberg/html/com_content/article/default-disable.php and replaced the default.php with the default.php file from the shaper_gazette template.

Can you please look at the file here: templates/newsberg/html/com_content/article/default.php from version 1.2 of newsberg to see if there is anything missing from that file that would cause the right module position to not show in the right position?

Maybe the issue is partially related to the "Disable Modules' setting in the main template settings. I had this disabled so the right modules will show, but the layout is broken if I use the newsberg version of the override here: templates/newsberg/html/com_content/article/default.php

Kind regards,
John

Hello,

Is there anyone that can help with this? I've identified the problem file, I do not know what else to do.

Kind regards,
John

Hi Mehtaz,

I'm not sure I understand, how am I supposed to remake the page?

It's a Joomshaper override. Every single Joomla article is affected.

Kind regards,
John

Hi Mehtaz,

I modifed the CSS you provided to the following:

.view-article.layout-default #sp-main-body .container-inner {
    display: flex;
}

This forces the right module to the right, like your CSS did, it fixes the issues with the top header but the spacing between col-9 and col-3 is still off.

What I don't understand is, why does the override default.php file from the shaper_gazette template work properly and the override default.php file from newsberg not?

Can you have the developer team please take a look at the default.php file located here: templates/newsberg/html/com_content/articles/default.php

There is no issue on the category pages, which also uses an override.
https://www.oceannews.com/staging1/featured-stories/

Kind regards,
John

Hi Methaz,

What do you mean recreate the page?

Are you talking about createing a new Joomla Article?

Kind regards,
John

Hi Methaz,

Here's a recreated page, same issue:
https://oceannews.com/staging1/featured-stories/recreated-page-for-joomshaper-support

Kind regards,
John

Hi Mehtaz,

CSS has been removed, now we are back to the right modules showing below the content.

Kind regards,
John

Hello,

Is there a solution for this problem yet?

Kind regards,
John

Here's another couple of images showing the rendered HTML is wrong.

This screenshot shows the <aside id="sp-right"> properly nested in the <div class="row"> div as it appears on this page:
https://oceannews.com/staging1/featured-stories/

This screenshot shows the <aside id="sp-right"> showing outside of the <div class="row"> div as it appears on this page: https://oceannews.com/staging1/featured-stories/recreated-page-for-joomshaper-support

Since it displays correctly on the category page, this must be related to the artile related override files or some other php file within the newsberg template.

Kind regards,
John

Hi Paul,

This isssue happens on all articles. We rarely, if ever, use div elements within an article. We only use basic HTML; p, ul, a, img, etc.

As a test, I replaced this file "templates/newsberg/html/com_content/articles/default.php" with the same file from the shaper_gazette template and it fixes the issue, in fact, this is the very temporary solution I am using on our live site as you can see here: https://www.oceannews.com/news/science-tech/safety-builds-your-bottom-line

I'm hoping to get this issue fixed on the staging site so I can move it over to the live one.

Credentials below.

Thanks,
John

Hi Paul,

It would be great if this issue could be fixed in a future update.

Do you know how long that would take?

Kind regards,
John

Hi,

I'm planning to use the Newsberg template for another one of our news sites, are there any plans to fix the issue with the this file templates/newsberg/html/com_content/articles/default.php in the near future?

Kind regards,
John

Hello,

Just wanted to follow up, still having an issue with this.

Kind regards,
John

Hello,

Is this ever going to get fixed?

It's been over a year now, I just updated to version 2.0.0 and the problem is still here.

I added a link into the hidden content, where you can see the right sidebar show beow the main content.

There's other people with the same issue, that has gone unanswered as well:
https://www.joomshaper.com/forum/question/946

If I take the default.php from the Gazette template, it fixes the issue, so clearly there is an issue with that file in the core newsberg setup.

Also, enabling social and the progress bar do not work either.

Kind regards,
John

Hello,

If I add the following CSS, it kind of fixes the issue:

.view-article #sp-main-body .container-inner {
    display: flex;
}

The issue is, now the article section section only covers 75% of the page due to the col-lrg-9 on the sp-component area. Technically, I could just set that section to col-lrg-12 but that doesn't exactly fix the main issue or the missing social icons and progress bar.

Kind regards,
John

Hello,

Not sure why this works, but unfortunatley I cannot wait another year for a fix.

I had to remove the above CSS and replace the default.php file located here: templates/newsberg/html/com_content/articles/default.php with the one in the same folder of the Gazette template.

Now the page works properly.

Please look into this issue, as every update breaks my site.

Kind regards,
John

I just wanted to say THANK YOU @conshelf. I was headbanging with this issue. Your temporary fix did the trick. It's pretty clear that there's something in Newsberg's detailed article view (default.php file) that is causing the issue (most probably an extra </div> somewhere).

Folks at Joomshaper, it's a shame that such an error, which has been reported, documented and even given a fix, is still pending after more than a year. It's the second strange bug I've found in Newsberg, and I would really appreciate that you took the time to fix this one and the other I reported in a future version of this template. Thanks in advance!

Hi Federico,

I apreciate that, glad I could be of help, drove me crazy for quite a while.

I really do not understand why support is ignoring this one. It's a pretty serious issue, we run a news based site, affects every Joomla article on the site and we have thousands.

Kind regards,
John

i have exactly the same BUG !

When i publish a module on right and disabled author post = the right sidebar breaks and goes down below the article

and this is not a proble with div in artive because i use the kickstar articles ....

So now the question to the Joomshaper team : when are you going to solve this problem ? because it's a bug of your template and it's impossible to wait more than one year

I have paid more than 299 $ for several years to have a support but this support is non-existent, either by the chat or by the forum ...

please wake up and fix this problem because it has gone on too long

nive support he Joomsahoer team 1 yean and 6 days without soltion ti fix the bug ....

Hi
It seems I have the very same issue on https://www.pulsar-agency.com/creation-site-internet/comment-creer-un-site-internet/comment-gerer-son-projet-de-site-web/outils-de-gestion-de-projet-web/environnements-de-dev or any page under https://www.pulsar-agency.com/creation-site-internet/comment-creer-un-site-internet
we have a module on the right (A VOIR AUSSI) which is in the RIGHT position that is perfectly displayed.

However we also have the DUPLICATED module in the HTML code within the <aside id="sp-right" class="col-lg-2"> div which is invisble but really here !

How is it possible that the same module is displayed twice ?

thanks

cyril

Hi Paul
but we DON'T want to display something copied in different position !
My question was how this module could be displayed twice actually ?

We only put the module in the RIGHT position that was defined in the KONSTRA layout builder, next to the mainbody component position.

thanks

I didn't write we SEE the duplicated module but please F12 the page and you will see this very strange duplicated div <h3 class="sp-module-title" > A voir aussi ... </h3> either in the desktop or mobile view.

Thanks

I checked again https://www.pulsar-agency.com/creation-site-internet/comment-creer-un-site-internet/comment-gerer-son-projet-de-site-web/outils-de-gestion-de-projet-web/environnements-de-dev on several browsers in incognito mode : please search "voir aussi" in the F12 inspector. you will see it twice.

Hi Paul
yes I'm sure you are the expert :)

note that these pages are not SPPB pages, just articles pages using the Konstra template that comes with a right position next to the component position.

I even copied the site to a dev version without any compression or cache and the issue remains. the infos are in the hidden content.

thanks
cyril

HI Paul
I can't edit the name in the Template layout. I can only select one existing position name. So you propose to use an "unused position" there and move all the "right" modules to this position ?

Hi again
Since it may become very weird wihtout official fix may be the best solution is to remove the <hn> on these right modules so that there won't be any SEO issue and since there is no real reason to make these module h4 or h5.
thanks for your efforts

cyril

ok thanks a lot, it is working