Menu, spacing and formatting (collections page)

Topic summary

A store owner seeks multiple design customizations for their Shopify site across several pages and components.

Homepage requests include:

  • Centering buttons in the new arrivals section
  • Removing left spacing and centering text in the best seller section
  • Repositioning the search box next to the logo (desktop)
  • Reducing bottom spacing in the mobile main menu

Footer modifications:

  • Adjusting menu spacing for better separation
  • Moving “follow us online” to the bottom (desktop)
  • Centering and reducing spacing (mobile)

Additional changes:

  • Reformatting the back-to-top button with white background and up arrow
  • Keeping only centered, enlarged copyright text in bottom menu
  • Hiding the collections page from public view
  • Reducing paragraph spacing on the About Us page

One respondent provided CSS code for header customizations to be inserted in the theme.liquid file, though the solution appears incomplete as it only addresses header issues. The discussion remains open with most requests unresolved.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

https://kashco-interiors.myshopify.com/ is my site - password is kashco)

I have the following queries:

  • Home Page
    • Centralize the buttons relative to the image (in the new arrivals section)
    • Best seller section
      • I want to remove the extra spacing on the left and centralize the text
    • Header menu
      • Place the search box next to the logo in desktop view
      • Mobile view - remove the extra bottom space in the main menu
    • Footer menu
      • Remove the extra space between the menu to make them look well separated
      • Place the follow us online at the bottom in desktop view
      • Mobile view
        - Remove the extra spacing and centralize the menu
  • Back to top button
    • Format the button to be a white background with ^ arrow
  • Remove the bottom menu (only keep the copyright) - which should be center and large.
  • Hide the collections page
  • About Us Page
    • It has extra space between the paragraphs

Hi @kashco
Note: This css only for header

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!