Solved

removing a link to the search page in my page footer in debut theme

Matt_Dubinsky
Excursionist
19 0 6

I am trying to migrate my customized debut theme shopify store to a new account and when I exported my theme from the old account and then reimported my theme into the new account I noticed that some things were not the same.  

 

for this thread I am trying to figure out where I can find and remove a search link text that has appeared in the footer of all of my pages that I did not have in the original page, please see the images here to see the before and after.

 

original layout.jpg

 

new layout.jpg

 

 

it looks to be in the footer of the page but if you go to customize the theme i couldn't find anywhere to remove it there.

 

I think i have to find where the code is an remove it but when i did edit code on the back end i couldn't find the page that  was creating it.

 

any help would be appreciated, thanks!

Accepted Solutions (2)
Made4uo-Ribe
Shopify Partner
5081 1210 1478

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

@media only screen and (min-width: 750px){
.site-footer__linklist-item {
    display: none !important;
}
}
.site-footer__linklist-item {
    display: none !important;
}

 

And save. 

Result:

Made4uoRibe_0-1703543394125.png

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

techlyser_web
Shopify Partner
1004 188 189

This is an accepted solution.

Hello @Matt_Dubinsky 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

   .site-footer .site-footer__social-icons{
      margin-top: 101px;
   }
  .site-footer .site-footer__newsletter {
      position: absolute;
      right: 52%;
  } 
  .site-footer .grid.grid--no-gutters {
       position: relative;
  }

</style>

techlyser_web_0-1703572095816.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 12 (12)

techlyser_web
Shopify Partner
1004 188 189

Hello @Matt_Dubinsky 
can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Matt_Dubinsky
Excursionist
19 0 6

oh totally forgot to do that

 

the original store is here:

https://chelseasbeads.com/

 

the new store is here ( I haven't changed the pointers yet as i want to get the site working properly before doing so):

https://6e3743.myshopify.com/

Matt_Dubinsky
Excursionist
19 0 6

forgot to post the links to the site, here are the original and new site links

 

the original store is here:

https://chelseasbeads.com/

 

the new store is here ( I haven't changed the pointers yet as i want to get the site working properly before doing so):

https://6e3743.myshopify.com/

Made4uo-Ribe
Shopify Partner
5081 1210 1478

Hi @Matt_Dubinsky 

The new store is password protected. Would you mind to share the pw.?Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Matt_Dubinsky
Excursionist
19 0 6

here is the password to access the new site:

 

12345

 

 

Made4uo-Ribe
Shopify Partner
5081 1210 1478

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

@media only screen and (min-width: 750px){
.site-footer__linklist-item {
    display: none !important;
}
}
.site-footer__linklist-item {
    display: none !important;
}

 

And save. 

Result:

Made4uoRibe_0-1703543394125.png

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Matt_Dubinsky
Excursionist
19 0 6

thanks! that did remove the search text but one last thing

 

id like that email list subscribe to be either left aligned like it was in the original site, or actually maybe center aligned, id like to test both

 

can you tell me how to do that?

 

you can see on the original page the left alignment as a reference here:

 

https://chelseasbeads.com/

 

original alignment.jpg

 

Made4uo-Ribe
Shopify Partner
5081 1210 1478

Check this one. 

Please, replace the first code I give. I have some mistakes I didnt hide the other wrapper. The code just repeat as you notice they are same. 

 

@media only screen and (min-width: 750px){
.site-footer__linklist-item, ul.site-footer__linklist {
    display: none !important;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1707084984052.png

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Matt_Dubinsky
Excursionist
19 0 6

forgot that the new site is still password protected, the password to view the new site is:

 

12345

Matt_Dubinsky
Excursionist
19 0 6

getting close to the solution now!

 

Made4uo-Ribe helped me with code to remove the search text from the pages, but the join email list section is still right aligned on the page and now looks like this:

new align.jpg

 you can see this here: https://6e3743.myshopify.com/ 

use password: 12345 to view the page

 

 

I'd like  it to be left aligned like it was on the original page here: https://chelseasbeads.com/

and looking like this:

original alignment.jpg

 

 

 

techlyser_web
Shopify Partner
1004 188 189

This is an accepted solution.

Hello @Matt_Dubinsky 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

   .site-footer .site-footer__social-icons{
      margin-top: 101px;
   }
  .site-footer .site-footer__newsletter {
      position: absolute;
      right: 52%;
  } 
  .site-footer .grid.grid--no-gutters {
       position: relative;
  }

</style>

techlyser_web_0-1703572095816.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Matt_Dubinsky
Excursionist
19 0 6

thank you for your help!

 

I hate to be a pain, but what would be the code to center align the email subscribe section, I was just thinking that might look nicer