Overlap of post content with side bar on the blog

[brankakajis]

Hi,

we are experiencing overlap of the content with the side bar on the blog main page.
Overlapping disappears when scrolling down the blog page, but it re-appears once the user scrolls back to the top of the blog page. Please see on: https://naucimo.se/novice/

We would appreciate if you can check this and advise on how to fix it.

Thanks,
Naucimo.se

[tristup]

Hi @uroscarman,

Thanks for reaching out.
The problem you are facing might be due to an improper update of the Cornerstone. I would suggest you update the Cornerstone by following the below steps.

1. Delete the existing Cornerstone.
2. After deleting, use the link in the dashboard to automatically install the Cornerstone. It will be the latest version.

If that does not help, there might be some different reasons behind the problem you are facing. I would like to suggest troubleshooting the following common issue to help us recognize the reason.

1. Theme Related Issue
2. Plugin Conflict
3. Theme Update related issue
4. CSS/JS Customization
5. Disabling Cache
6. Disabling CDN

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of the above helps, please copy your live site to a staging server so we could troubleshoot freely without breaking your live site.
And give us access in the secure note including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[brankakajis]

Hi @tristup,

thanks. We will proceed with the steps provided and get back to you asap.
Before deleting Cornerstone, can you please confirm that deleting Cornerstone and re-installing it, will not affect the current layout of all other pages?

Thanks

[prakash_s]

Hello @uroscarman,

It should not affect anything but to be on the safe side I would suggest you need to have a backup of the database and files.

Hope it helps
Thanks

[brankakajis]

Hello @tristup and @prakash_s

we tried to deactivate all plugins, but the issue was still present. As we don’t host the site on Bluehost, we are currently waiting for instructions on how to create staging environment from our hosting provider. As soon as we will have staging environment set and running, we’ll inform you and share privately the details for login.

Best,
Naucimo.se

[brankakajis]

Hello @tristup and @prakash_s

staging enviroment has been created with WP Staging plugin. Login details have been shared in private message.

Let us know please if you need anything else.

Best,
Naucimo.se

[prakash_s]

Hello @uroscarman,

I tried to access your staging server site but it seems that you have not given the administrator permission to this user account. I would request you please provide the administrator account login credentials or give this user account admin permission so that we can debug it on our end.

Thanks

[brankakajis]

Hello @prakash_s,

sorry about that. User now has account admin permission.

Thanks

[tristup]

Hi @uroscarman,

I have checked it again and found that the existing user does not have privileges till now to investigate further. I would suggest you check and let us know once it is ready with all the privileges.

Thanks

[brankakajis]

@tristup

please see below. This should suffice:

[tristup]

Hi @uroscarman,

I have checked it in staging and found the same, but it worked on your live site. It seems that you are giving permission to the user in your live site, whereas we are testing it in staging. I would suggest you do the same in staging for further investigation.

Thanks

[brankakajis]

Hi @tristup,

sorry about that. We have now added admin permission to the user on staging environment.

Thanks

[marc_a]

Hello @uroscarman,

We are uncertain about the reason behind the current behavior you are experiencing. However, one possible explanation for the scroll functionality working could be the addition of an extra class to the navbar, labeled x-navbar-fixed-top . To address your issue, you can implement the following CSS code in your Global CSS:

.x-navbar {
  position: fixed;
  left: 0;
  right: 0;
}

Please note that providing support for custom CSS code falls outside the scope of our assistance. Any potential problems arising from the utilization of custom CSS code and any further enhancements should be directed to a third-party developer. Alternatively, you can consider exploring our One service, which offers assistance beyond the features provided by our theme.

Hope that helps.

[brankakajis]

Hi @marc_a,

thank you for looking into this issue and providing possible solution. Unfortunately, implementing provided solution didn’t solve the problem.

Please note that we used blog post page from the theme template, where we only changed the content of the template posts. No custom CSS was implemented, nor any other layout changes to the main blog post page. Changes in template page layout were implemented only after the issue was already detected. Therefore, we ask for further investigation of this issue.

Thanks,
Naucimo.se

[ruenel]

Hello @uroscarman,

The overlapping issue here on this page: Novice - NaučimoSe! (naucimo.se), is actually because of your Header settings. Please go to Cornerstone > Theme Options > Headers > Navbar and set the “Top Height” to 120 pixels because that is the actual height of your navbar.

Best Regards.

[brankakajis]

@ruenel thanks. This did the magic.

[tristup]

Hi @uroscarman,

Glad that we are able to help you.

Thanks