Looking for Help Editing the Sunrise Theme

Looking for Help Editing the Sunrise Theme

AppleSauce999
Excursionist
28 0 19

The desktop has 2 columns. 

 

A left "side bar" for lists of menus and then a larger main section.

 

I want to remove the section on the left for desktop.

 

I'm happy to pay for this, if someone can do it.  

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
9666 2300 2869

Hi @AppleSauce999 

Is this a column section or a header? Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
AppleSauce999
Excursionist
28 0 19

This is a link to it in the app store.  

https://themes.shopify.com/themes/sunrise/styles/beach-hut

 

its that section on the left.   with the menu for clothing etc.

Made4uo-Ribe
Shopify Partner
9666 2300 2869

I get it, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

div#shopify-section-sidebar {
    display: none;
}
section#main {
   width: 100%;
}

 

And Save. 

result:

Made4uoRibe_0-1718983626697.png

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Made4uo-Ribe
Shopify Partner
9666 2300 2869

Or add the code in the theme.liquid. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
div#shopify-section-sidebar {
    display: none;
}
section#main {
   width: 100%;
}
</style>

 

And save. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

BSS-TekLabs
Shopify Partner
2401 695 828

Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now