How to have same size buttons on page using Buildify and Narrative Theme

LPH
Tourist
7 0 1

Trying to figure out how to adjust or change code so I have same size buttons on my main page using Buildify and the Narrative Theme.

It seems as if the button is adjusting to the length of the text and not a specific fixed button size.  

Is there a way to check what size my largest button is and have the other button that stacks / sits next to it be the same length?

Thanks!

0 Likes
Natztech
Shopify Partner
602 156 381

please share website url and if your store is password please provide password 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
LPH
Tourist
7 0 1

Here is the site :

https://legacy-print-house.myshopify.com/

 

The buttons are not the exact same size as I think they are varying based on the button text.

Thanks

0 Likes
UmairA
Shopify Partner
872 85 173

Hey there @LPH,

Can you please include the URL of your store? I'll take a look for you before I can offer any solution/guidance. Thanks

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
LPH
Tourist
7 0 1

This is the current URL...

https://legacy-print-house.myshopify.com

0 Likes
LitExtension
Shopify Partner
641 66 119

Hi @LPH

Please place this code at the end of the "buildify.css" to solve your problem.

.bdf-key-group .bdf-key {

    height: 100%;

    width: 100%;

    display: block;

    min-width: 230px;

}

Screenshot to refer: https://prnt.sc/11ykzb2

Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Natztech
Shopify Partner
602 156 381

@LPH  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. see screenshot  http://prnt.sc/11zee1a

.bdf-key-content-wrapper{
      min-width: 250px !important;
}

  

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes