Change position of logo on mobile?

New Member
6 0 0

Dear Shopify Team,


I've centralized my logo on Brooklyn theme, and everything looks okey now, except 1 problem. On my product page on mobile mode, the logo has to go a little bit up. It covers the collection title. However, when i reduce the top padding, it affects my logo on the computer screen's home page as well. Is there any way to change the position of my logo only on phone and only on product page?


Looking forward to hearing from you.


My webpage url is: Password: comingsoon


Thanks a lot!


Sura Rzayeva



Hello Sura,

Please add this code at the bottom of theme->edit code->assets->theme.scss.liquid

@media only screen and (max-width: 600px) {
.announcement-bar__message {
	font-size: 12px;
.suraslogo {
	padding-top: 0 !important;
	max-width: 58px !important;
	right: 50%;
	left: 50% !important;
	margin-left: -28px !important;
.site-header__logo img {
    margin-top: 0;

It resolves you all issue.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
New Member
6 0 0

Dear Pallavi,


Thank you! Thankkkk youuuu!!!!!


Have a great day! You are the best!



Sura Rzayeva