display of the mobile version

Travelify
1

Hello there!

I am still very new so sorry in advance if my questions seem ridicolous.

I’d just like to know why my website www.thewandersofmarty.com look very bad when I open it from mobile! The title appears incredibly big and not proportionate and all in all it seems very difficult to navigate. It looks slightly better If I keep the mobile in “landscape” mode (horizontal) but I mean, is someone suppose to keep the mobile like that all the time in order to check the website?

Is it normal that categories etc that on laptop appear on the right side, when on mobile go down at the bottom? And that there is no drop menu like it appears when checked on the laptop?
It took me a lot of effort to get the right colour etc and to create the drop menu the way I wanted and now I am quite satisfied with it (laptop version)…but why does it look completely different on mobile?

Thank you very much !!

MArtina

2

Hi MArtina,

I hope you are well today and thanks for posting here.

The title appears incredibly big and not proportionate and all in all it seems very difficult to navigate.

Are you talking about the site title?

If yes then it’s happening due to custom changes you have made on it but you can make it display fine by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

#site-logo, #branding h1#site-title {
    margin: 0;
    text-align: center;
    width: 100%;
}
@media only screen and (max-width: 710px){
	#site-logo, #branding h1#site-title {
		font-size: 60px;
	}
}
Is it normal that categories etc that on laptop appear on the right side, when on mobile go down at the bottom? And that there is no drop menu like it appears when checked on the laptop?

Yes it’s normal and done intentionally in almost all themes due to small device screen constraints.

Best Regards,
Movin