I would like to know how to extend the margins/paddings on my product pages so that my tabs are all on one line. My website is: www.merakaiofficial.com. If you go to this specific product page: https://www.merakaiofficial.com/products/custom-reversible-satin-bonnet#bonnet-care the tabs are all on one line (the drop-down menus extend the margin), which is what I want.
Hi @merakaiofficial ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss->paste below code at the bottom of the file:
.product-single__description .station-tabs .station-tabs-link {
margin-right: 20px !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi there, @merakaiofficial !
Definitely a great idea to post such inquiry here in the Community as we have a good amount of contributors who can provide their expertise like @AvadaCommerce has done in this thread.
I also would like to inform you that since you are using a Shopify-made theme, you may qualify for 60 minutes of free design time from our Themes team. You are able to forward such requests to our Live Support team such as this one and they can see if we can help you out with it using your 60 minutes of design time.
For more information on this policy, feel free to visit this link.