thanks man, just changed the font size and that did it! thanks for your assistance!!

just one more thing, that might be off topic:
with all the changes in themes and other files (woocommerce) the amount of css styling codes is steadily increasing.
some of the codes dont affect anything due to updates etc…

question: is there any tool (or any way) to check/inspect if there are css style codes that are not affecting anything?

thanks in advance
Pedro

Thank you for v 2.6.1! Haven’t checked all devices yet but I’m hopeful because desktop version is mostly back to what it’s meant to be! Some thing’s are not. Got some extra work to do here.

I may never update the theme again. Too much work.

• This reply was modified 11 years, 12 months ago by wintner.

Thank you very much !

.avia_wpml_language_switch {
width: 130px !important;
}

works very well !

I have updated already to 2.6.1 and that issue is still on where the WPML language flags doesn’t show up at the right side of the header.

I’m not really sure which are the required settings for both ENFOLD and WPML settings in order to make the language flags show up at the header since they were showing up until theme and WPML were updated.

Thanks,

Oriol

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;
}