Help with mobile header and shop

Site URL: http://www.littlepinetoys.com

1. Could you help me out with the banner/hero/headline photo? (not sure which term is correct) I would like it to be like on pc, full photo, and not cut out. I tried other codes that I found on this forum, but nothing works. 

2. How to make space between header - search bar - shop smaller? (for normal, pc version, not only mobile)

3. Whats the code for mobile shop showing two products in a row and not one?

Thank you in  advance! :)

I found the right code for shop! 

#3. #1. Did you solve it?

#2. I don't see search bar. Can you share link to page in screenshot?

#4. I see shop page browser tab shows "Store 2". You can change SEO Title to fix this

https://www.littlepinetoys.com/shop

On 12/7/2021 at 12:51 PM, tuanphan said:

#3. #1. Did you solve it?

#2. I don't see search bar. Can you share link to page in screenshot?

#4. I see shop page browser tab shows "Store 2". You can change SEO Title to fix this

https://www.littlepinetoys.com/shop

 

I had to delete the search bar, because I couldn't fix it heh. I think the best solution would be a code for putting search bar next to shop (as on picture) Because everything is too far apart if I add search bar. 

Thank you, I changed it now to shop :)

You can add a search block in Footer, then we will use code to move it to screenshot position

10 hours ago, tuanphan said:

You can add a search block in Footer, then we will use code to move it to screenshot position

Like this? I saved it in this position

On 12/12/2021 at 7:11 PM, trapdooralice said:

Like this? I saved it in this position

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('footer.sections .search-block').appendTo('h2.nested-category-title');
	});
</script>
<style>
  @media screen and (min-width:768px) {
  h2.nested-category-title {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between !important;
}
  }
</style>

1 hour ago, tuanphan said:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('footer.sections .search-block').appendTo('h2.nested-category-title');
	});
</script>
<style>
  @media screen and (min-width:768px) {
  h2.nested-category-title {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between !important;
}
  }
</style>

The code worked, but it pushed my shop title on the left and the search bar is a bit too big. (photo 1) Is there a possibility to make it look like on photo 2?

1 hour ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('footer.sections .search-block').appendTo('h2.nested-category-title');
	});
</script>
<style>
  @media screen and (min-width:768px) {
  h2.nested-category-title {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between !important;
}
  }
</style>

 

you know what? Its okay, i will remove the search option. I feel like its too much work, also it's on every page in the footer now, and the other things got pushed on the lest in the footer too.

But I would still like help with the slide show (I posted this separetly)

On 12/14/2021 at 10:41 PM, trapdooralice said:

you know what? Its okay, i will remove the search option. I feel like its too much work, also it's on every page in the footer now, and the other things got pushed on the lest in the footer too.

 

But I would still like help with the slide show (I posted this separetly)

Okay. If you still need help with search bar, let me know, we will check it again

3 hours ago, tuanphan said:

Okay. If you still need help with search bar, let me know, we will check it again

Thank you for your effort! :) Can you just take a look at this? 

You helped me with text, but the picture didnt move.