How to implement a full-width header for custom page?

stellaa
Excursionist
38 0 7

Hi Shopify Community! I'm trying to find a way to have a wide header on a custom page. It doesn't matter if it's a background image on the header, but I would prefer to have the text and image 

This is the intended designThis is the intended design

I've indicated the section I want to widen below. Is this possible to do? 

Note: The content is nested in a responsive table. I've indicated the code below for reference. 

Screenshot 2021-02-25 at 19.48.00.png

source code:

 

<table class="responsive-table" none="" style="width: 100%;" border-color:="#124734;">
<tbody>
<tr class="responsive-table-row">
<td style="text-align: left;">
<p><h17>Sustainably Produced </h17><img src="https://cdn.shopify.com/s/files/1/0297/6350/2212/files/test1_3x_20e5ab3e-d2d0-42bd-a7eb-811920ccc2cf_480x480.png?v=1614252260" alt="" width="67" height="70" /></p>
</td>
<td style="text-align: left;"><img src="https://cdn.shopify.com/s/files/1/0297/6350/2212/files/1Photo_2x_cd56dfe4-7d9b-4eef-aa15-6bf9597a33ae.png?v=1614253419" alt="" /></td>
</tr>
</tbody>
</table>

 

 

You can access the direct link to this page here: 

https://sunnysixactive.com/pages/sustainably-produced

Password to enter: heystella

 

thanks so much!!!!

0 Likes
Pallavi
Shopify Expert
1118 146 178

Hello There,

Remove this one class :- [ 'medium-up--four-fifths medium-up--push-one-tenth' ]

Screenshot :- https://prnt.sc/106kld9

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes