Mobile menu position issue

[logoglo]

See: http://cloud204.temp.domains/~xv7ac71x/

So, on smaller screens, and ipad portrait, the mobile button is pushed down…any way to center it?

Thanks.

[ruenel]

Hello @logoglo,

Thanks for writing in!

You are experiencing this issue because you have added this custom css:

@media screen and (max-width:768px){
	.x-brand img{
		width:70%;
	}
}

You may need to update the css code using this:

@media screen and (max-width:768px){
	.x-brand img{
	    width: 360px;
		max-width: 50%;
	}
}

The maximum width should way more than the width of the logo image.

Hope this helps.

[logoglo]

Perfect! thanks.

[ruenel]

You are most welcome!

[logoglo]

Actually, the issue is still present:

[nabeel]

Hey @logoglo,

I tried to access your site but it’s seems like you’ve IP restriction active on your site. To fix the issue, you can decrease the value of the width property e.g you can use width: 200px; instead of width: 360px;

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after the changes. Let us know how this goes!

[logoglo]

Even if I make the logo smaller, the issue is still there:

Im unsure of how my client has their hosting, how would I unblock you?

[logoglo]

I think I figured it out

[friech]

Glad you sorted things out,

Cheers!