Space between Top bar and first widget in mobile phone

[De_Pasquale]

Good morning.
when I see my Hagar Blog page in my mobile phone I notice that there is a very big distance between the Header and the first image, which is the first widget, as you can see in the image that I have uploaded. The second image has a regular distance, but the first one is too much down respect the Top bar. The reason is because there isn’t the Page name in that space, that is: “Hagar Blog”.
How can I have the “Hagar Blog” title between the Top Bar and the image in the “Benvenuti nel mio sogno perfetto” widget box? Or how I can reduce that space (only in my mobile phone)?
I know that this is why I have Disabled Page title in wordpress, but I’d like this only in PC visualization, and not in mobile phone visualization too, because in this case I have a big white space, not beautiful to see. In the mobile phone I’d like to see the title page “Hagar Blog”.
Thank you so much.

[friech]

Hi Patrizia,

Thank you for writing in, that issue is happening because you moved the sidebar from its natural position (under content) without adjusting its top margin. Please add this to Theme Options > CSS

@media (max-width: 767px) {
	.x-sidebar {
	    margin-top: 0px;
	}
}

The remaining space is the natural top margin of the main container.

Hope it helps,
Cheers!

[De_Pasquale]

Friech, now it’s perfect.
Thank you very much!
Cheers

[ruenel]

You’re welcome!
We’re glad @Friech were able to help you out.