[Ernesto]

Dear all,

Since few time I am facing a small problem with the graphics displaying the site on the tablet (in horizzontal position):

In shortly, the last button of the menu (9 pieces at all) will be not displayed on the same menu-line but rather in an additional second line below (unwanted) and the width of right part of the the header-image will be reduced. In it place will be displayed the background color of the website. Otherwise, displaying on PC or Mobile phone is OK !

Have you got an idea where I could modify/change something to solve this issue? At best, please take a look on the website ( http://www.astrolive.ch ) yourself !

Please, let me know if you need more infos about this issue!

[Sakin]

Dear Ernesto,

Can you try to add the following CSS in the “Appearance => Customize => Additional CSS” box:

@media screen and (max-width: 1060px) {
	#site-header-menu-primary .wrapper {
		width: 100%;
	}
}

Regards,
Sakin

[Ernesto]

Hello Sakin,

thanks a lot for your appreciate quick answer. The problem with the menu-buttons has been solved, they appear now all in the same line!

I had only to increase `…(max-width: 1060px)…` to 1160px, don’t ask me why.

Now it remain the issue:
“the width of right part of the the header-image will be reduced. In it place will be displayed the background color of the website”

I cannot understand if this is only a problem of displaying on the tablet or a wrong basic-setup of the entire website. Its appearing on PC is perfect, pages are displayed right centered in the middle of the screen. On tablet, it seams to be all moved to the left side of the screen. Only the selected background color stays right.

Perhaps, you have also a good tip about !

Many thanks

BR
Ernesto

[Sakin]

Hello Ernesto,

Ok, will check your site for details.

Regards,
Sakin

[Author]

Posts