T4 Blank BS5 Header container style issue

kars

Hello,

When clicking to various pages, there is a bug in the header that cause the logo and sometimes menu itself to slightly shift position when the URL changes.

This occurs on Joomlart's demo site here: https://t4-framework.demo.joomlart.com

For example click any of the home layouts, then click https://t4-framework.demo.joomlart.com/index.php/typography/about-us .

This also occurs on a project site of ours. The logo shift is occuring when clicking to a menu item that is a joomla article component and then any other linked component in main menu. URL is in hidden section.

Thanks

Ninja

kars
Hi
In the each layout you have option to select different Header types and you can also set the width of the container of that section as in article pages it use container width to match the content width
On the homepage there is only module so it use fluidic 100% width.

kars

Ninja

Hello,

Can you please investigate further? Visit my URL provided and click "Giveaways" - I think it is the default Error message for joomla articles (e.g. no articles present) that is causing this. It's moving the entire header to the right.

Thanks!

Ninja

kars
Hi
I can not see any site info in this thread to check the site. Kindly submit the information you need me to check the pages.

kars

Ninja

It is in the "Site URL" of edit fields at the top of this post (hidden fields).

That's the website. Then just click any of the main menu links, and then the link for "Giveaways" = which is the issue link.

Thanks

Ninja

kars
Hi
You should submit and check the fields before posting on forum as there is change in site info and only url with offline page http://prntscr.com/1zrbmfq

kars

Ninja

Let's use an alternate dev site. I placed the client site offline. We have a fresh T4 demo install. In the main menu there is a link that reads "Click Me" - click that. It loads a joomla message container which should be the issue. After you click the link "Click Me" then click back to another link. Then back to "Click Me". You will see the header and container shifting as you do this back and forth.

The URL in the notes section does not require a login. The site itself is the BS5 demo with no modifications other than creating the menu item.

Thanks!

Ninja

kars Hi
If you modified site how its same as in demo?
There is no details url or screenshot steps shared as well.
Kindly apply the suggest i shared for header container size
see the Home page use fix header http://prntscr.com/1zuj72h
and default layout use NONe

kars

Ninja

Pankaj,

I have applied the fixed width to header and there is still an issue. I am pretty sure I have it narrowed down to when the joomla "system-message-container" loads. This is affecting overall site container.

Not a huge issue - but just something to notate and hopefully address in next update.

Thanks again!

Ninja

kars
Hi
The the mainbody container will work same, this is not issue as both are using different layout. On the homepage it does not have the mainbody section. to maintain the width same for the content page this work like it.
If you want something to be change in width you can let me know will apply style change for your site as the default layout must the content and follow the same style.

kars

Ninja

Pankaj,

Thanks for the note back. Still, I need to stress this important point.

Let's forget about homepage. The issue isn't on the homepage. Nothing to do with the homepage.
The issue is the "system-message-container",
The system-message-container is shifting the header on any page. Homepage, other page, and page.

Can you confirm that we are on same understanding now? The issue is not the container, the layout, or the header. When system-message-container loads- it is causing issue.

Thanks!

Ninja

kars Can you confirm that we are on same understanding now? The issue is not the container, the layout, or the header. When system-message-container loads- it is causing issue.

Yes i am talking about the default page. As in your own screenshot it use same width that is how it should be.
It is normal.

So it will for same width http://prntscr.com/1zym013

hope you understand what i mean. If you want change width kindly provide the illustrated screenshot and uRL will help you to change. about the width it is normal as i sent screenshot so there is no nothing to fix there.

kars

Ninja

Pankaj,

We are still not on the same page. Please read the following very closely and watch the screencast video link.

Joomla category blog
Same default layout
Populated category loads ok
Empty category that loads "system-message-containter" shifts the entire header as it is breaking the container.
Watch the video. You will clearly see the shifting and jerking around.

https://watch.screencastify.com/v/8Xoa8XSIzf3nZNMEcrQl

Thanks!

Ninja

kars
Hi
It appear jerk but place and width is same as there is no content on blank page
see http://prntscr.com/1zyoapc
category blog http://prntscr.com/1zyo9v5
both same width in your video as well.
Wait for page loading as when page in loading state all css yet to loaded.

kars

Ninja

It's not. It's not the same place. It's not the same place at all. Did you watch full video?

Watch my video when I move my mouse to the left side of the logo and wiggle around. This means to look at logo and to left of logo. Then when you click on the other link - you can see the logo moves to the right. It is 100% not in the same position.

It is impossible you did not see that.

The movement of the logo and menu location is in addition to the jerking with page first loads.

The jerking too is another issue. I don't see this on any of the other frameworks.

Ninja

Ninja see http://prntscr.com/1zyoapc
category blog http://prntscr.com/1zyo9v5

have u see this? Let me know if you need further help as page loading state you when you say jerk. Further if you want to resize i can help.

About the jerking part i will share feedback to development team.