centre store title and reduce + x menu size mobile version

Site URL: https://zeronineobjects.co.uk

hi, 

a) how do i make the title 'shopping cart' centred on the cart page on desktop and also on mobile

b) when i open the store on mobile, the title 'store' is to the left. i'd like it to be centred if that is possible

c) i currently have the + to x menu icon and i would like it to be smaller to 14px

password is   zeronine

thank you :~)

hi @creedon

sorry to bother but is there anyway you can help me out with this?

i'm looking to launch my site this weekend and would love some help with this!

17 hours ago, creedon said:

a) Add the following to Design > Custom CSS.

.cart-title {

  text-align : center;
  
  }

b) Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

<style>

  /* center category title on mobile */
  
  @media screen and ( max-width : 575px ) {
  
    .products.collection-content-wrapper .nested-category-title {
    
      justify-content : center;
      
      }
    }
    
  </style>

c) Add the following to Design > Custom CSS.

/* make navigation menu open (plus)/close (x) icon smaller on mobile */

.burger-inner.header-menu-icon-plus .top-bun,
.burger-inner.header-menu-icon-plus .bottom-bun
  {
  
    width : 20px;
    
    }

This is for v7.1.

Let us know how it goes.

thank you so much for all of your help!!!!!