trapdooralice Posted December 3, 2021 Share Posted December 3, 2021 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! :) Link to comment
trapdooralice Posted December 3, 2021 Author Share Posted December 3, 2021 I found the right code for shop! Link to comment
tuanphan Posted December 7, 2021 Share Posted December 7, 2021 #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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
trapdooralice Posted December 9, 2021 Author Share Posted December 9, 2021 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 :) Link to comment
tuanphan Posted December 12, 2021 Share Posted December 12, 2021 You can add a search block in Footer, then we will use code to move it to screenshot position Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
trapdooralice Posted December 12, 2021 Author Share Posted December 12, 2021 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 Link to comment
tuanphan Posted December 14, 2021 Share Posted December 14, 2021 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> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
trapdooralice Posted December 14, 2021 Author Share Posted December 14, 2021 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? Link to comment
trapdooralice Posted December 14, 2021 Author Share Posted December 14, 2021 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) Link to comment
tuanphan Posted December 17, 2021 Share Posted December 17, 2021 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
trapdooralice Posted December 17, 2021 Author Share Posted December 17, 2021 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment