Happening now | Office Hours: Customizing Your Theme With Dan-From-Ryviu | Ask your questions now!

How to make button same size as email button

Solved

How to make button same size as email button

undercoverfresh
Explorer
148 0 24

im looking to make the button the same length as the email button for mobile 

(i put in a code and it only worked on desktop)

 

Accepted Solution (1)

B2Bridge
Explorer
363 75 91

This is an accepted solution.

 

Hi @undercoverfresh , to make the about page header transparent, you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find base.css file

Step 3: Paste this code at the bottom of the file

 

@media screen and (max-width: 750px) {
.rich-text__wrapper.rich-text__wrapper--center.page-width {
    width: unset!important;
    max-width: unset!important;
    margin: 0!important;
    padding: 0!important;
 }
}

Screenshot_5.png

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

View solution in original post

Replies 2 (2)

Mustafa_Ali
Explorer
342 26 55
@media screen and (max-width: 767px) {
.rich-text__buttons.scroll-trigger.animate--slide-in {
    width: 37rem !important;
    margin-left: -30px !important;
 }
}

Mustafa_Ali_0-1744262321709.png

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

 

B2Bridge
Explorer
363 75 91

This is an accepted solution.

 

Hi @undercoverfresh , to make the about page header transparent, you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find base.css file

Step 3: Paste this code at the bottom of the file

 

@media screen and (max-width: 750px) {
.rich-text__wrapper.rich-text__wrapper--center.page-width {
    width: unset!important;
    max-width: unset!important;
    margin: 0!important;
    padding: 0!important;
 }
}

Screenshot_5.png

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.