no menu on mobile

[patrizia broggi]

good morning,
i’m using elite, and when i check for mobile version, my menu doesn’t appear, there is only logo, and some text doesn’t appear in right dimension for mobile.
thank you very much
best regards
Patrizia

[Bill Robbins]

Good Morning Patrizia,

Sorry for the trouble there. It looks like there is a coming soon plugin active on the site. Is there a way past it so that I can take a closer look for you?

Thanks,
Bill

[patrizia broggi]

hello Bill,
yes i have to keep it inactive, but i have understand that the child theme created by plug in child on click is the problem, in fact if i active the original theme, the menu on mobile appear. But i’m trying to create on myself the child theme, but there is something that i forget…
/*
Theme Name: elite_chil
Description: italiandesignglobalservice
Author: idgs_admin
Template: elite
*/

@import url(“../elite/style.css”);

do i have to put some php file with stile.css?

thanks, best regards

[Bill Robbins]

Gotcha. That snippet should be at the top of the child theme’s style.css file. That lets WordPress know that this theme is a child theme of the “elite” theme. It also imports the Elite theme’s style.css file.

Once you’ve activated the child theme. Go to the Theme Options page and save your options again. That may help out the menu.

Let me know if you have trouble,
Bill

[patrizia broggi]

i’m sorry
it doesn’t function with child theme 🙁
see the attachment please
thanks
Patrizia

Attachments:

1. 

   Schermata-10-2456938-alle-15.05.06.png
   

[Bill Robbins]

The mobile menu is made with javascript. So typically when it’s not working, it’s because of a javascript conflict.

I’d be happy to help you troubleshoot the child theme, but I do have to see the site in order to do that. I’ll have to be able to interact with the code.

Thanks,
Bill

[patrizia broggi]

Dear Bill, ok, now the site is online for you 🙂
http://italiandesignglobalservice.ch/

best regards 🙂
Patrizia

[Bill Robbins]

Perfect. Thanks.

I took a look and it appears that one of the styles in the child theme was causing the mobile menu to be positioned off of the screen. Try using this:

#logo h1,
#logo p,
#text-logo h1,
#text-logo p {
	margin: 10;
	padding: 15;
	line-height: 1;
}

nav#top-menu {
	float: right;
	margin: 39px 0 10px;
}

.home-product-block li {
	float: left;
	display: inline-block;
	overflow: hidden;
	margin: 15px 0;
	width: 270px;
	position: relative;
	padding-bottom: 15px;
	background-color: rgba(0, 0, 0, 0.04);
}

@media only screen and (min-width: 1201px) {

	#header-content {
		position: relative;
		width: 1140px;
		margin: 0 auto;
		height: 85px;
	}

}

Let me know if that doesn’t do the trick for you.

Have a great day,
Bill

[patrizia broggi]

wOw, fantastic, perfect!
thank you really very much!
have a great day you too!!!
Patrizia

[Author]

Posts