Cornerstone – sumnima.studio

CSS to Show “Add to Cart” on Mobile & Tablet – BigCommerce Cornerstone Theme

Feb 23, 2025

—

by

in Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Blog, Cornerstone

To always show the “Add to Cart” button on tablet and mobile while keeping the hover effect on desktop, use the following CSS in your BigCommerce theme. Copy and paste the CSS below at the last line of your theme.scss file. Use this guide: https://sumnima.studio/bigcommerce-how-to-edit-theme-scss/

How to add google map at bigcommerce themes using pagebuilder.

Feb 18, 2025

—

by

Rawi Rai

in bigcommerce root theme, Blog, Cornerstone, stencil

Get the Google Map Embed Code Add the Map to Your Page (Using Page Builder) To make the map full width, copy and paste the code below at the end of theme.scss. Quick Video Guide to edit theme.scss

How to Remove the Header Logo’s Top and Bottom Gap in BigCommerce Cornerstone Theme

Jan 13, 2025

—

by

Rawi Rai

in Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Blog, Cornerstone, CSS

To eliminate the top and bottom spacing around the header logo in the BigCommerce Cornerstone theme, add the following CSS code to the end of your theme.scss file. For step-by-step instructions, check out this quick video guide on how to edit the theme.scss file. – quick video guide to edit theme.scss

How to Use Different Logos for Your Store and Invoice in BigCommerce Stencil Theme

Aug 8, 2024

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Cornerstone, stencil

Use Different Logos for Your Store and Invoice in BigCommerce Stencil Theme BigCommerce Store: Dark and Light Logos White Logo on Store Causing Problems on Invoice Need Bigger Logo for Store and Smaller for Invoice Quick video guide.

How to make Bigcommerce Cornerstone logo and navigation same line.

Jun 4, 2024

—

by

Rawi Rai

in bigcommerce, Cornerstone

copy and paste below CSS at theme.scss last line — video guide – https://sumnima.studio/bigcommerce-how-to-edit-theme-scss/ @include breakpoint("medium") { .header { display: block; &::after { content: ""; width: 100%; height: 1px; overflow: hidden; clear: both; display: block; } .header-logo { width: 200px; float: left !important; margin: 0px 1.5rem; .header-logo-image-container { min-height: auto; } } .navPages-container { float:…

Bigcommerce Change New Products Slider to a Grid like Featured Products.

Apr 8, 2024

—

by

Rawi Rai

in bigcommerce, Cornerstone

[siteorigin_widget class=”WP_Widget_Media_Video”][/siteorigin_widget] copy and paste below code at /templates/components/products/new.html <h2 class="page-heading">{{lang 'products.new' }}</h2> <ul class="productGrid productGrid–maxCol{{ columns }}" data-product-type="products" data-list-name="New Products"> {{#each products}} <li class="product"> {{>components/products/card settings=../settings theme_settings=../theme_settings customer=../customer event="list" position=(add @index 1)}} </li> {{/each}} </ul> I don’t like the way the slider loads as it jumps when it loads. Plus I like the look…

mega menu for bigcommerce cornerstone theme

Mar 26, 2023

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Cornerstone, CSS

Better mega menu for bigcommerce cornerstone theme copy and paste below css at theme.scss [siteorigin_widget class=”WP_Widget_Custom_HTML”][/siteorigin_widget]

Bigcommerce add trust safe checkout badges to my cart page

Jan 5, 2022

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Cornerstone, stencil

quick video guide to add trust safe checkout badges to my cart page at Bigcommerce theme .trust-badges { float: right; clear: both; padding-top: 20px; } https://www.youtube.com/watch?v=74V8Pff9qiE