Re: Help with Prestige Theme changes

Solved

How can I make changes to the Prestige Theme?

Sparacio
Visitor
2 0 0

Hello,

 

I am trying to change some thing on the Prestige Theme and need some help.

 

1. The Header is getting larger once the Logo gets larger that is clear but there is to much space on the over and under my logo how can I reduce it to have the header smaller?

 

2. Once the searchbar is open the customer can no longer scroll. How can I change that?

 

3. The larger the screen gets the larger gehts the whole theme like which looks not nice since footer menues are to far away from each other. How can I have the whole theme staying in the middle if the screen is e.g. a white screen monitor?

 

Thanks a log in advance 🙂

 

Accepted Solution (1)

NomtechSolution
Astronaut
1245 112 152

This is an accepted solution.

To make changes to the Prestige theme, you'll need to modify the theme's code. Here are some general guidelines to address your specific concerns:

  1. Reducing the header size:

    • Open the theme editor in your Shopify admin.
    • Navigate to "Online Store" > "Themes" and click on the "Customize" button for the Prestige theme.
    • In the theme editor, look for the "Header" section or "Logo" settings.
    • Adjust the padding or margin values to reduce the space around your logo. You may need to target specific CSS classes or elements to achieve the desired result.
    • Save your changes and preview them on your storefront. If necessary, repeat the process to fine-tune the header size.
  2. Allowing scrolling when the search bar is open:

    • Locate the code for the search bar in the theme's code files.
    • Look for the JavaScript or CSS code responsible for disabling scrolling.
    • Remove or modify that code to allow scrolling even when the search bar is open.
    • Save the changes to the theme files and test the scrolling behavior on your storefront.
  3. Keeping the theme centered on larger screens:

    • Open the theme editor for the Prestige theme.
    • Look for the "Layout" or "Container" section.
    • Adjust the container width or max-width settings to limit the width of the theme content on larger screens.
    • Ensure that the container is set to be centered on the page by adjusting the margins or using CSS properties like "margin: 0 auto;".
    • Save the changes and preview the theme on different screen sizes to ensure the content remains centered.

View solution in original post

Replies 3 (3)

NomtechSolution
Astronaut
1245 112 152

This is an accepted solution.

To make changes to the Prestige theme, you'll need to modify the theme's code. Here are some general guidelines to address your specific concerns:

  1. Reducing the header size:

    • Open the theme editor in your Shopify admin.
    • Navigate to "Online Store" > "Themes" and click on the "Customize" button for the Prestige theme.
    • In the theme editor, look for the "Header" section or "Logo" settings.
    • Adjust the padding or margin values to reduce the space around your logo. You may need to target specific CSS classes or elements to achieve the desired result.
    • Save your changes and preview them on your storefront. If necessary, repeat the process to fine-tune the header size.
  2. Allowing scrolling when the search bar is open:

    • Locate the code for the search bar in the theme's code files.
    • Look for the JavaScript or CSS code responsible for disabling scrolling.
    • Remove or modify that code to allow scrolling even when the search bar is open.
    • Save the changes to the theme files and test the scrolling behavior on your storefront.
  3. Keeping the theme centered on larger screens:

    • Open the theme editor for the Prestige theme.
    • Look for the "Layout" or "Container" section.
    • Adjust the container width or max-width settings to limit the width of the theme content on larger screens.
    • Ensure that the container is set to be centered on the page by adjusting the margins or using CSS properties like "margin: 0 auto;".
    • Save the changes and preview the theme on different screen sizes to ensure the content remains centered.
Sparacio
Visitor
2 0 0

Thanks for the fast answer. Yes I know I need to change the code (I already did change some things but for these, I just did not find the correct point and since I am not a programmer I am doing it by try and error). For the Issue with the Logo there is nothing in the Customize section so I need to change it in the code that is clear.

NomtechSolution
Astronaut
1245 112 152

ok I can code it if you need help