I’ve added the new piece of code but it’s still causing problems. Here’s all the code in the CSS:

.sub_menu { font-size: 16px; } /* changes the font size of sub menu */
.fixed_header.social_header #main { padding-top: 174px; }
.main_menu ul:first-child > li > a { line-height: 190px !important; }
#header .mega_menu_title { #0e2f61; }

.title_container { background: url(http://www.test.theimplantcentre.com/wp-content/uploads/2014/02/Crumbsbanner41.jpg); }

.avia-heading-row {
color: white;
}
.price-top-margin {
margin-top: 37px;
}

tr th:first-child, tr td:first-child {
vertical-align: top;
}
.main_color tr.avia-heading-row {
background: #2f5691;
}
#header_main, .header_color .main_menu .menu ul li a { background-color: white; }

#header_main, .header_color .main_menu .menu ul li a { background-color: white; }

.tab_titles div {
font-size: 14px !important;
}
.avia_mega_div, .avia_mega_div .sub-menu {
background: white !important;

@media only screen and (min-width: 1140px) {
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
height: 40px !important;
line-height: 25px !important;
}}

#header_main .container, .main_menu ul:first-child > li > a {
height: 143px !important;
line-height: 190px !important;
-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}

.header-scrolled #header_main .container, .header-scrolled #avia-menu > li > a {
height: 80px !important;
line-height: 80px !important;
}
#header_main img, #header_main .logo, #header_main .logo a{
width: 252px !important;
height: auto !important;
max-height: none !important;
max-width: none !important;

-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}
.header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
width: 126px !important;
height: auto !important;
}
.avia-content-slider .slide-entry-title {
display: none;
}
#main > div.main_color.container_wrap.fullsize > div > main > div > div > div.flex_column.av_one_half.avia-builder-el-11.el_after_av_one_half.avia-builder-el-last.column-top-margin {
margin-top: -8px;
}
#av_section_1 > div > div > div > div > div.flex_column.av_one_fourth.first.avia-builder-el-13.el_before_av_three_fourth.avia-builder-el-first > section {
margin-top: 20px;
}

.page-id-75 .avia-section-small .content {
padding-top: 0;
}

.header_color .avia-tt { background-color: white; }
.header_color .ajax_search_image { color: white; }

.header-scrolled .main_menu ul:first-child > li > a { line-height: 58px !important; }

Thank you Kriesi for your help. Would you mind clarifying this? I am concerned about this.
https://kriesi.at/support/topic/layerslider-enfold-2-6-issue-on-safari/#post-235838

Hi Devin,
Thanks for your suggestion. Yes, when I change the setting to “Parallax” it appears nicely on the iPhone and iPad. The downside is that I don’t see the cool effect on the laptop/desktop where the image is fixed and you see different portions of it when you scroll down the page. Just FYI, on http://www.got2bmoving.com, I have set the first color section (the one below the “NY Traffic, etc” images) to “fixed” and the 2nd color section (just above the footer) to “parallax”.
The 2 devices that I’m trying to view this on are the iPhone 4s with OS 5.1.1 and the iPad (Model A1219 with OS 5.1.1). I don’t see the “fixed” color section on either of these. Maybe there is some custom CSS that I can add so that I can retain the “fixed” setting and also view it on these devices?
Let me know what you think.
Thanks!
Jane

Only because I changed the settings as described here https://kriesi.at/support/topic/layerslider-enfold-2-6-issue-on-safari/#post-235897

Kriesi,

George from Kreatura media support just got back to me. I have to thank him for weighing in.

He said to do simply this: “Please enable both image preload and lazy load features in layerslider global options.”
So click on the slider you are having problems with then Slider Settings > Misc

Solved my issue immediately (Safari, Chrome, Firefox, Mobile Safari) but I am wondering if I had several slides if this would slow down the loading of my site? Image Preload setting and Lazy load settings seem to be opposing in their definitions. Hmmm.

Thank you Kriesi for your help. Would you mind clarifying this
https://kriesi.at/support/topic/layerslider-enfold-2-6-issue-on-safari/#post-235838

And for future reference answering #1 and #3 here
https://kriesi.at/support/topic/layerslider-enfold-2-6-issue-on-safari/#post-235858

Also, I have a longstanding problem with the LayerSlider. I have spoken with Kreatura and they seem to think it is a theme issue. Would you mind weighing in on it here PLEEEEEASE ;)
https://kriesi.at/support/topic/mobile-site-rotation-problem/#post-235894

THANK YOU for your help, Jas

Dude:

Just got this worked out. For full width blog post and forum content:

#top .entry-content {
    margin-left: 0px!important;
    width: 100%!important;
}

Thanks a million for your help. That worked and I added the margin changes to get rid of the space in the header. The code below achieved the desired result

.logo img { padding: 0px; ; }
#header_main .container { height: 73px !important; margin-top: -10px;  margin-bottom: -10px }

Thanks again!

Thanks. That worked!

Thanks a lot for your reply, Peter. CSS really is a challenge for me – happy, that you are still with me :)

I used your snippet and it almost worked for the nested menu.
Could someone please have a look at the line under the h3 parent item and the hover of the list item:

Here is the code I used so far in the Quick CSS:

/* NESTED SUBMENU */
.sidebar_left .my-parent-item {
padding-left: auto;
padding-right: 3px;
font-weight: normal;
font-color: blue;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 1px 0px 0px #DADADA;
}

.sidebar_left .nested_nav .current_page_item {
padding-left: auto;
padding-right: 52px;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
background: #f8f8f8;
font-size: 16px;
}

.main_color a:hover, .main_color li a:hover {
background: #f8f8f8;
padding-left: auto;
}

I figured it out. There is a conflict with Yoast’s (Joost de Valk’s) Google Analytics for WordPress plugin. When I deactivate it, the “Show Detail” link works. When it is active, I get that error.

Thanks. Hopefully this conflict can be resolved or this topic can help someone else.

Hello Peter

Unfortunately, I can’t restore the database since the website has been too much edited since the last backup. The update didn’t fix the problem either, and actually it is worst: now the language switcher doesn’t appear anymore on the top right of the header for the secondary language (see this capture. I tried to add the switcher to the secondary menu through WPML settings, but then it is displayed twice).
WPML settings seems to be ok and the “menu sync” feature works: the main menu is translated and displayed, while the secondary menu is visible and translated in backoffice but is not displaying on the website.
Thank you for any advice.

Benjamin