How can I modify the Express theme for mobile and footer layout?

[rod901]

Hi, can anyone please help with below points.

1. can someone help how I can remove the black border on mobile when an item is selected?

2. How do I centre the footer as image below?

3. How do I increase the padding of the copywriter and social media icons?

4. I was used to the theme.scss, how do I edit anything myself? Like adding something to the bottom of a code, not sure how to use these minified logs.

[UmairA]

Hi there @rod901 ,

If you know CSS and are used to theme.scss then you should be able to do the tasks yourself? You can add the code at the bottom without caring if the above file is minified or not. If you have an updated theme your theme will have theme.css instead of theme.scss

[LitCommerce]

Hi @rod901 ,

Go to Assets > theme.min.css and paste this at the bottom of the file:

@media only screen and (max-width:45.85em) {
  /* #1 */
  :focus {
    box-shadow: none !important;
  }
  /* #2 */
  .footer__title,
  .footer-menu{
	text-align: center;
  }
  /* #3 */
  .footer-icons--social{
	margin-bottom: 1.2rem !important;
  }
}

4: Currently Shopify wants to update everything about css to make the site work better, so Express theme has updated to minify css. If you want to add css, just go to theme.min.css and paste the code at the bottom of the file, you can enter to make it more visible. Ex:

Hope it helps!

[rod901]

Hi Litcommerce, thanks for response, is this to centre the footer because ive done as instructed and its not working?

[rod901]

Actually this is all sorted. THANK YOU SO MUCH!!!