make box bigger

Solved

make box bigger

sixdreamz
Explorer
103 0 36

hey,

 

is it possible to make the box here bigger, so the text doesnt split?

 

sixdreamz_1-1727517121890.png

 

 

url: sixdreamz.com

password: sdc2003

Accepted Solution (1)

Moeed
Shopify Partner
5458 1478 1764

This is an accepted solution.

Hey @sixdreamz 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
ul#HeaderMenu-MenuList-3 {
    width: 300px !important;
}
</style>

RESULT:

Moeed_0-1727517504986.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
5458 1478 1764

This is an accepted solution.

Hey @sixdreamz 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
ul#HeaderMenu-MenuList-3 {
    width: 300px !important;
}
</style>

RESULT:

Moeed_0-1727517504986.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Sangeetanahar
Explorer
541 36 69

hello @sixdreamz 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----base.css...> add the code end of the file

.header__submenu .header__menu-item {
 
    padding: 3rem 3rem !important;
}

Produkte-–-sixdreamz-09-28-2024_03_27_PM.png

 

 

If this was helpful, hit the like button and accept the solution.
Thanks

 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

BSSCommerce-B2B
Shopify Partner
1739 523 584

@sixdreamz ,

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

 

<style>
.header__submenu.list-menu {
   min-width: 300px;
}
</style>

Result: 

BSSCommerceB2B_0-1727517694909.png

 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


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

Rahul_dhiman
Shopify Partner
558 112 110

Hello @sixdreamz 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.header__submenu .header__menu-item {
justify-content: space-between;
padding: 2rem 1rem;
}

result
21.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167