Margin on top of screen

Hi tomsychau.

Thank you for contacting us.

Sure there is.

Please add this to Appearance -> Customize -> Additional CSS:

@media (max-width: 768px) {
	.logo { margin-top: 10px; }
}

Adjust 10px as you wish.

If you have additional questions, feel free to ask.

Kind regards.

Thanks for the reply.

I am still in the learning process.

So @media is used for tablet/moblie?
.logo was preset by the theme?

You’re welcome.

@media targets the screen resolution, so it is not tied up to tablet/mobile, it can be applied to the desktop as well. More about it here – https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

And .logo is the class name of div that holds the logo area of the theme. You can find those elements using your browser’s “inspector”. here’s the short tutorial for Firefox – https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools
Chrome has the same thing, too.