Okay, searching the internet has given me the answer to this problem. It is not an Enfold issue. It has something to do with (and I haven’t got a clue what I am writing here) the POST Variables, and more specific the max_input_vars in the php.ini file. The default value often is 1.000 (which seems to equal appr. 80 menu-items). If this limit is set higher, more menu items can be added.

But, im my case the php.ini can not be edited by me, but must be adited by my hosting provider. I am not going that way, I just decided to lower the number of menu-items.

More info ons this subject can be found by googling on: wordpress menu items disappearing

I just wanted to share this information, before this topic will be closed (so, please do).

Thanks – that worked. Also notice there is a gap in portrait mode on the iPad. Also, is there a way to force the responsive drop-down menu in portrait mode on the iPad? My logo overlaps my menu items.

Thx for your support. That looks great.

Is it possible to add the telephone symbol on the left side – besides the social buttons?

Thx

The additional info tab is gone but the “from $45” still remains – here is my Quick CSS:
.product-sorting, .related.products { display: none!important; }#top .variations td.label { width: auto; }#header_main_alternate { z-index: 2; }
.single-product #top .price { display: none!important; }
li.additional_information_tab { display: none; }

Thanks, but that also affected the desktop version to where the image gets cut off. I’m only having the problem on the phone. Is there a way just to set the padding to 0 for the mobile version?

Hi Yigit! Thanks for your quick reply. Unfortunately that didn’t work. Any ideas? Here’s what I have under the custom css box. Maybe there’s something blocking it from working?

.content { padding-top: 10px; }
#top .title_container .container { padding: 0; min-height: 36px; }
.social_header .phone-info span { font-size: 18px; }
#header_main .container { height: 150px!important; line-height:150px!important; }
.social_header .main_menu ul:first-child > li a { height: 90px; }
.iphorm-element-spacer { padding-bottom: 0; }
#header_meta { display: none; }
.logo img { padding: 15px 0; }
.main_menu { top: 11%; }

#top #menu-item-search { display: none; }
.main_menu ul:first-child > li > a { font-size: 15px; }
.sidebar { padding-top: 25px; }
h3.widgettitle { font-size: 15px; color: #2a3032; }
.widget_nav_menu a { font-size: 14px!important; color: #2a3032 !important; }
#top .widget_nav_menu ul ul li a { padding: 2px 0px 3px 12px; }
.main_color strong { color: #333333; }

.header_color .main_menu ul:first-child > li > a, h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif !important; }
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { text-transform:capitalize!important; }
.widget a, .widget p { color: #333333 !important; }

.main_color h3.widgettitle { font-weight: bold; color: #ce1433; }

.widgettitle { font-size: 24px; }

Thank you very much!

Now still having issues, here is the website again:

1. The logo ins’t response to mouse hover – as a link to hompage.

2. Also, I’ve tried this code, no success:

#top .bg-logo a:hover {
background: url('http://eliweissberg.com/wordpress/wp-content/uploads/2013/10/Logo2.png');
}

And anyway I prefer to use hover this method:

#logo2 {width:300px;margin:0 auto;text-align:center;}
#logo2 a {
outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this moves the text outside of the screen area */
		display:block;
		width:295px;
        height:115px;
		background: transparent url("images/articles/logo_v2.png") 0 0 no-repeat;
		text-decoration: none;
		}
	#logo2 a:hover {
		background-position: 0 -115px;
		}

3. In the advanced Layer Slider, I set the width to 910px, but there is inside shadow on top.

4. How do I align the menu exactly to the left?

Thanks again,
Eli

Will try it!

Thanks