Looking for Help Editing the Sunrise Theme

Looking for Help Editing the Sunrise Theme

AppleSauce999
Tourist
16 0 5

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
6827 1629 2007

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
AppleSauce999
Tourist
16 0 5

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
6827 1629 2007

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Made4uo-Ribe
Shopify Partner
6827 1629 2007

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

BSS-TekLabs
Shopify Expert
407 124 133

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 .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency