What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
To make one section full width in Hostinger AI Builder’s manual mode, add the section-specific CSS from Hostinger’s guide in More (⋯) → Integrations → Custom code. Find the section’s actual ID in your browser’s developer tools, replace sectionID in the CSS, then save and update the site. The change is not visible in the editor; check preview mode or the published page instead.
Find the section ID
- Open the page and use your browser’s developer tools to inspect the section you want to widen.
- Find its section ID in the page markup. Hostinger’s example uses an ID such as
section2; use the ID shown for your own section.
Hostinger’s manual-mode section controls cover settings such as background, layout, anchor, visibility, and height, but the documented method for this particular width change is custom CSS rather than a native full-width toggle. See Hostinger’s section customization guide.
As an Amazon Associate I earn from qualifying purchases.
Choose the CSS scope
Hostinger’s examples use 920 px as the breakpoint between desktop and mobile rules. That is the breakpoint in these snippets, not a universal screen-size recommendation.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Apply the change on desktop and mobile
Replace sectionID with the ID you found, keeping the hash before it:
#1 Best Overall
![WebSite X5 Home 10 [Download]](https://m.media-amazon.com/images/I/412uQx3REUL._SL160_.jpg)
- No programming skills required
- With 1 licence you can install the software on 2 computers and create as many sites as you wish
- 250 professional and customizable templates
- Import images and videos (including YouTube), editor for creating buttons
- Automatic HTML5 code generation + FTP engine for publishing your website
<style>
#sectionID div:nth-of-type(2) {
max-width: none !important;
padding-inline: 0 !important;
}
</style>Apply the change on desktop only
<style>
@media screen and (min-width: 920px) {
#sectionID div:nth-of-type(2) {
max-width: none !important;
}
}
</style>Apply the change on mobile only
<style>
@media screen and (max-width: 920px) {
#sectionID div:nth-of-type(2) {
max-width: none !important;
padding-inline: 0 !important;
}
}
</style>Add the CSS and check the result
- In the Hostinger AI Builder, open More (⋯) → Integrations → Custom code.
- Paste the chosen style block, with
sectionIDreplaced by the inspected ID. - Save and update the site.
- Check the section in preview mode or on the published page. Hostinger says this styling does not appear in the editor.
For the complete code and procedure, see Hostinger’s full-width section guide.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Target one section or change all sections
The section-ID snippets scope the change to the section whose ID you specify. Hostinger also documents a global option that removes the maximum width and padding from .block-layout and .block-layout--layout; that affects all sections rather than just one. Use the global rule only if that broader change is intended.
Quick Recap
Best Value
- Build, Generate, Edit, and Export Reflexive Website Templates
- 1) Restaurants
- 2) E-Commerce
- 3) Blogs
- 4) Business Home Page
Rank #4
![Xara Web Designer Premium – 17 [PC Download]](https://m.media-amazon.com/images/I/51yhCodre+L._SL160_.jpg)
- Create websites using over 240 templates
- Modular website builder with over 1,000 design elements
- Integrated search engine optimization (SEO) tools
- GB web storage & domain*
- Web design – no programming experience required
Rank #3
![Web Designer Premium – 16 – Create your own professional websites [PC Download]](https://m.media-amazon.com/images/I/41Bdq0sPE9L._SL160_.jpg)
- Create websites using over 240 templates
- Modular website builder with over 1,000 design elements
- Web design software with over 130 photo filters
- Animation & effects
- 2 GB web storage & domain*
Check responsive behavior and know the limitation
- Hostinger warns that making sections full width disables part of the template’s responsive layout and can distort the design depending on visitors’ screen size and resolution. Inspect the affected page at the screen sizes you care about.
- The documented method does not apply to the header section.
- Hostinger’s overview of using AI Builder provides broader manual-mode editing context.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Repair Windows errors before they cause bigger problems3Scan for outdated or missing drivers - takes under a minute
