How do I remove side white borders on desktop menu dawn theme

Solved

How do I remove side white borders on desktop menu dawn theme

urbantis
Shopify Partner
191 0 56

I added a background color to the menu on desktop, but it is showing a white space on the right and on the left, how do I remove the space and make it all one block? Thanks

website https://printabls.myshopify.com/

password 1

 

image for reference

https://ibb.co/FYy1R8z

 

Accepted Solutions (2)

PageFly-Henry
Shopify Partner
1184 335 296

This is an accepted solution.

Hi @urbantis 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

header.header.header--top-center.header--mobile-center.page-width.header--has-menu {

    margin: 0 !important;

    max-width: 100% !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Dan-From-Ryviu
Shopify Partner
11015 2156 2299

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid, add this code under <head> 

<style>
header { max-width: 100% !important; }
</style>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 2 (2)

PageFly-Henry
Shopify Partner
1184 335 296

This is an accepted solution.

Hi @urbantis 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

header.header.header--top-center.header--mobile-center.page-width.header--has-menu {

    margin: 0 !important;

    max-width: 100% !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu
Shopify Partner
11015 2156 2299

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid, add this code under <head> 

<style>
header { max-width: 100% !important; }
</style>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.