Hi Josue,

Thank you for checking in! I believe it is fine now, I just used the original css #top textarea as I found this is the one that worked on all browsers. It’s not localized to the chat box though but doesn’t seem to be messing anything up. If you feel that it’s ok to make this global adjustment and I’m not missing anything then this is resolved.

Best,
Jonathan

Thanks Yigit,

The logos moved, but they are off center to the left, do you think there is a conflict with my other CSS code?:

#top .social_bookmarks li {
float: left;
}
.sub_menu {
left: 0;
}

html {
background: white !important;
}

#top .social_bookmarks_mail:hover a{color:#efefef; background-color:#666666; }

.iconlist-char {color:#0093dd;}
.avia-icon-list .iconlist_icon {
background: white !important; border: 2px solid #0093dd;
}

@media only screen and (min-width: 786px) and (max-width: 1000px) {
.avia-icon-list .iconlist_icon {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 25px;
margin-right: 15px;
}
}

@media only screen and (min-width: 786px) and (max-width: 1000px) { .avia-icon-list .iconlist_content_wrap { margin-right: -10px!important; }}

.avia-caption-content h4 {
line-height: 30px;
}

.avia-slideshow-dots a {
height: 10px;
width: 10px;
border-radius: 6px;
padding: 5px;
}

#top.home #av_section_1 {
border-top: 0;
}

#menu-item-search {
display: none;
}

.avia-logo-element-container.avia-logo-slider.avia-content-slider.avia-smallarrow-slider.avia-content-slider-active.avia-content-slider1.avia-content-slider-odd.avia-builder-el-2.avia-builder-el-no-sibling .new-special-heading {
display: none !important;
}

#top .avia-logo-element-container img {
box-shadow: none;
}

.no-content-slider-navigation.no-content-slider-heading{
display: none;
}

@media only screen and (max-width: 767px) {
.avia-fullwidth-slider div .slideshow_caption h2 span, .avia-fullwidth-slider div .slideshow_caption .avia-caption-title em span {
font-size: 12px;
}
}

#top #socket .social_bookmarks {
position: absolute;
right: 0;
}

@media only screen and (max-width: 767px) {
#header_main {
padding-bottom: 20px;
}

.responsive .main_menu {
position: static;
margin-top: 20px;
}
}

div .slideshow_caption h2 { text-transform: none!important; }

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; }

.logo img { margin-top: 30px; }
.header-scrolled .logo img { margin-top: 0; }

.avia_textblock .social_bookmarks li{
float: left !important;
list-style: none;
margin-left: 0;
}

#expertise { border-top: 2px solid white; }

#design { border-top: 2px solid white; }

#brands { border-top: 2px solid white; }

#title { border-bottom: 2px solid white; }

#header_meta .container { float: right; }

Also – how do you do a series of page ID’s in this code for ICON BOX transparency?

For instance, Page ID’s 58 and 60
Just the 60 works by using:

.page-id-60 .main_color.iconbox_top .iconbox_content {
background: rgba(255,255,255,.8);
}

But trying to add Page ID in a series does not work:
.page-id-58, 60 .main_color.iconbox_top .iconbox_content {
background: rgba(255,255,255,.8);
}

Do I have to add this CSS for Each and Every Page ID that has a Icon Box?

Still needing code for “PROMO BOX” – thanks!

Solved! I used the intstructions from this thread: https://kriesi.at/support/topic/move-menu-in-header-down-lower/

I did as you said but nothing is showing.
Might be that the inmofactory_helper.html file is not in root?

And furthermore, how can I edit the basecode of a page I created in enfold (I mean a page wich is listed on the top bar, so when you click it, the “property search” shows up as a hole page.

Thanks alot for your help.