How do I change the position of the "logo_header.png" when viewed on mobile devices? At this time the logo_header.png is positioned over the <h1> "primary-title". I need to be able to change the position when viewed on lower resolution screens. I guess it needs a "@media" line in the main.css. Can you offer a solution?
How do I change the position of the "logo_header.png" when viewed on mobile devices? At this time the logo_header.png is positioned over the <h1> "primary-title". I need to be able to change the position when viewed on lower resolution screens. I guess it needs a "@media" line in the main.css. Can you offer a solution?
I need to correct the request. It's not the logo_header.png, it is the logo-intro.png that needs to drop down on mobile devices. THanks
Hello,
Please try to add this code in Appearance > Customize > Additional CSS:
@media (max-width: 767px) {.logo-intro {
margin-top: 100px
}
}
Best Regards,
Jelly Team