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 custom changes on store hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
1 Like
New Member
6 0 0

Dear Pallavi,


Thank you! Thankkkk youuuu!!!!!


Have a great day! You are the best!



Sura Rzayeva