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

Still the same….

div.main_menu { position: absolute; right: 34.5%; top: 57%; }
strong.logo { left: 40%; }
#header_main { padding-bottom: 34px; }
.fixed_header.social_header #main { padding-top: 181px; }
.current-menu-item>a>.avia-menu-fx { display: none;}
li:hover .avia-menu-fx { display: none; }
.main_menu .menu ul { margin-top: -32px; }
body { font-size: 14px !important; }

Hi Josue,

The code you gave me stopped the scroll over effect from gray to black, but now the sidebar divider stops halfway down the page…please see at http://www.thepsychreport.com. Any thoughts?

-Evan