Can anyone point me in the direction of where in the coding I can make my store name/logo larger in the header section on my website? I don’t want it to be the full width of the page, but probably around twice the size it currently allows me to go
Hi Sagar, thankyou very much, that helps alot Just one other question, If I decided to make it the full width of the page, what piece of coding would I need for that? and would I need to figure out how to move the search bar (which is currently on the left hand side of my logo)?
That doesn’t work. There’s nowhere in the Theme settings that allows you to adjust logo size, not from what I can see anywhere. I did change the numbers in the CSS but it doesn’t do anything.
The max-width property is applied the logo image element by the theme inline. You can override this as follows:
Go to Online Store/Themes/Actions/Edit Code
Open ‘theme.scss.liquid’ from the Assets folder
Scroll all the way to the bottom and add in these lines of code (note, 290px was the width that worked for me, you should change that number to suit your logo and site).
Check that the logo is still good at smaller screen sizes as this will only affect sizes around laptop and above.
There are other references to how the max-width is set in other theme files, and this is an over-ride so a bit hacky. But it works and won’t break anything.
Hello! Can’t make that way logo bigger as well. Please help! Also I noted on the first same code extra space after exclamation mark, but I tried with space and without and still doesn’t work.