Rank: Advanced Member
Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564
Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
|
I'm trying figure out why the home page won't go beyond 1170px width. I can't seem find where that is set.
In a browser window set to 1625px wide, still the body of the home page won't exceed 1170px.
The Home Page web page uses the Content Pages page template. So I went there.
When you edit that page template, the Design tab doesn't give you the ability to control the width. So I feel like I need to move up the tree so-to-speak.
The Content Pages page template is assigned the No Sidebars page layout. So I edit that page layout.
In the Design tab of No Sidebars page layout, I can define the bootstrap grid for the page. But again, I do not see where I can change the parent container width.
There's no further 'up' the tree I can go in the admin.
Where is the width of the home page body being controlled from and how do I change it?
|
|
|
|
|
|
Rank: Advanced Member
Groups: Admin, Administrators, Developers, Registered, HelpDesk, Authorized User
Joined: 7/31/2019(UTC)
Posts: 77
Was thanked: 8 time(s) in 8 post(s)
|
Hi, 1170px is the default maximum width of bootstrap class "container", We are using in the layouts class="container", changing it to class="container-fluid", will make it auto adjust to the width of your device screen. For example: <div class="container"> Please update the respective layout for which you want the width adjusted to screen width. Thanks, Naveed Ashraf |
|
|
|
|
|
|
Rank: Advanced Member
Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564
Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
|
Ok where do I make that change though? There's no UI for defining the container CSS classes on a page layout like No Sidebars.
Do I do it manually using view-source? Will that change persist if the layout is updated layer via the UI?
|
|
|
|
|
|
Rank: Advanced Member
Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564
Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
|
So this gets more confusing.
Able includes a page layout /Views/Shared/Outer/NoSidebars.cshtml. This layout includes a parent div container element set to class='container'.
But if I create a new page layout from scratch, it has no such parent div container element.
So if I change the Content Pages template to use my test page layout, the entire home page blows up. Header disappears. The slider no longer centers across the page width.
This is in a fresh 9.0.2 install.
|
|
|
|
|
|
Rank: Advanced Member
Groups: Admin, Administrators, Developers, Registered, HelpDesk, Authorized User
Joined: 7/31/2019(UTC)
Posts: 77
Was thanked: 8 time(s) in 8 post(s)
|
You can edit the code of the layouts from admin and yes such code changes will be persisted for the layouts. Unless you remove the components/widgets from the layouts. |
|
|
|
|
|
|
Rank: Advanced Member
Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564
Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
|
Ok but that doesn't solve the problem of the original page layouts including additional HTML not included when a new page layout is created.
|
|
|
|
|
|
Rank: Advanced Member
Groups: Admin, Administrators, Developers, Registered, HelpDesk, Authorized User
Joined: 7/31/2019(UTC)
Posts: 77
Was thanked: 8 time(s) in 8 post(s)
|
The new layouts will be created using the default layout HTML. You have to edit and update new layouts manually.
|
|
|
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.
Important Information:
The AbleCommerce Forums uses cookies. By continuing to browse this site, you are agreeing to our use of cookies.
More Details
Close
