Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

centre store title and reduce + x menu size mobile version


Go to solution Solved by creedon,

Recommended Posts

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 :~)

Link to comment
  • Solution

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
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!!!!!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...