Cassiopeia template shows full screen

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
User avatar
Hindro
Joomla! Intern
Joomla! Intern
Posts: 59
Joined: Sun Oct 07, 2012 2:13 pm
Location: Indonesia
Contact:

Cassiopeia template shows full screen

Post by Hindro » Mon Oct 18, 2021 11:47 am

Hi everyone

Why does the Cassiopeia template appear full screen even though I set it to either static or fluid layout? I hope the Joomla 4 blog with the Cassiopeia template is not full, want it to be similar to the Protortar template. I have also cleared cache in Joomla and browser.

I just upgraded from Joomla 9.10.2 to Joomla 4.0.3.

Please help!
topikit.com: Tempat belajar sosial media, seo dan adsense
termasmedia.com: Tempat belajar komputer

User avatar
AMurray
Joomla! Champion
Joomla! Champion
Posts: 7246
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Cassiopeia template shows full screen

Post by AMurray » Tue Oct 19, 2021 10:04 pm

Static should be the equivalent of "boxed" in Protostar.

Fluid is the wide (full) screen setting.

Try different computer perhaps. Different browsers?
Regards - A Murray

User avatar
Hindro
Joomla! Intern
Joomla! Intern
Posts: 59
Joined: Sun Oct 07, 2012 2:13 pm
Location: Indonesia
Contact:

Re: Cassiopeia template shows full screen

Post by Hindro » Wed Oct 20, 2021 5:56 am

Hi AMurray,

I have set the cassiopeia template to static but it still looks full screen or looks wide. Are there any other settings required?
topikit.com: Tempat belajar sosial media, seo dan adsense
termasmedia.com: Tempat belajar komputer

User avatar
sozzled
Joomla! Master
Joomla! Master
Posts: 11211
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia

Re: Cassiopeia template shows full screen

Post by sozzled » Wed Oct 20, 2021 6:08 am

The width of the Cassiopeioa template—with "static" style set—and how much padding you see on the left and right depends on the size of the window that you're looking at. Bigger screen width ==> more padding; smaller screen width ==> less padding. Try it for yourself. :)
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?” :)

SharkyKZ
Joomla! Hero
Joomla! Hero
Posts: 2019
Joined: Fri Jul 05, 2013 10:35 am
Location: Parts Unknown

Re: Cassiopeia template shows full screen

Post by SharkyKZ » Wed Oct 20, 2021 6:15 am

I can't reproduce the issue, unless you're referring to the header and banner areas. Those are full width by design but can be changed with CSS or template override.

User avatar
AMurray
Joomla! Champion
Joomla! Champion
Posts: 7246
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Cassiopeia template shows full screen

Post by AMurray » Wed Oct 20, 2021 9:10 am

@Hindro, a link to your site would help us identify if in fact the site is "static" or "fluid" mode, per the comments above.

I think even Protostar still had the full width banner/header with the 'boxed' content.
Regards - A Murray

User avatar
sozzled
Joomla! Master
Joomla! Master
Posts: 11211
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia

Re: Cassiopeia template shows full screen

Post by sozzled » Wed Oct 20, 2021 7:12 pm

The navigation "banner" is "full width" yes (as @Sharky notes). The left and right padding expands or reduces in size depending on the width of the browser window. Easy to reproduce: shrink the window.
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?” :)

User avatar
Jaydot
Joomla! Explorer
Joomla! Explorer
Posts: 495
Joined: Sun Jun 04, 2017 12:11 pm
Location: The Netherlands
Contact:

Re: Cassiopeia template shows full screen

Post by Jaydot » Thu Oct 21, 2021 7:45 am

Please note that the width of the Main Content area in Cassiopeia is a whole lot wider than the content area is in Protostar.
The content width in Cassiopeia is set to almost 80rem (around 1300px or more), while in Protostar it's something like 960px.

So if you are viewing your site on a small(ish) screen, it can look almost full-width.

If you want the "Protostar look" back, set a max-width (of for instance 1000px) on .site-grid in your user.css .

But keep in mind that many people use large to very large screens, and Protostar can look puny on large screens. While on small devices (phones etc) it doesn't matter anyway, the main content area there will always take up full width, just as it does in Protostar.
The fact that an opinion is widely held is no evidence whatsoever that it is not utterly absurd.
Personal website: https://jaydot.nl


Post Reply

Return to “Templates for Joomla! 4.x”