[IMG_6505.png] [IMG_6506.png] Hello, I’ve added a code for an accordion footer and the padding I’ve placed around my menu titles is fine. However when in the standard layout the menu headings are too close to the top. How do I add padding to the top of the footer on the non-mobile version only?…

Prints of Whatever Prints of Whatever pw:teunti

Hi @PoW8 ! Could you share your store password?

@PoW8 , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: Result: [BSSCommerceB2B_0-1728794980090.png] If it helps you, please like and mark it as the solution. Best Regards :blush:

Awesome! You can solve this by adding Custom CSS to the Footer in Admin. This method adds padding to the top of footer__blocks-wrapper when the screen is wider than 750px (when your accordion disappears). Once in Admin, click Footer and go to the side bar. [2024-10-13T11_59_26,353872309+07_00.pn…

Also valid. Especially in case Shopify updates start removing all code but custom CSS again.

Desktop Only Padding

Store Design

PoW8 October 13, 2024, 4:55am 5

Thanks, this does exactly what I needed.

1 Like

Topic		Replies	Views
Making accordions full width on mobile view (Dawn Theme) Store Design design , footer , css , shopify-themes	9	48	July 16, 2024
Custom CSS Code to control the top and bottom padding of the footer Store Design design , customizations , footer , css , shopify-themes	3	140	January 12, 2025
Dawn Theme: Footer padding in line with Header Store Design footer , troubleshooting	4	79	November 22, 2022
Footer in accordion (prestige theme) Store Design design	3	80	July 20, 2024
Want to keep the footer section of my website in accordion style in mobile mode ( Boost Theme ) Store Design menu , liquid , design , customizations , footer , css , shopify-themes , html	3	74	March 11, 2025

Desktop Only Padding

Related topics