Thanks, but this wasn’t as simple as it seemed :-(
Due to the fact, that the search icon is normally at the very right of the main menu and should now appear ABOVE it, but the main menu items should stay at the RIGHT of its container without space, it was hard for me to figure it out. But now it seems to work with this CSS, if someone needs it, too:

/* Search-Icon next to the social bookmarks */
#top #header .social_bookmarks li:last-child {
	border-right-style: solid !important;
    border-right-width: 1px !important;
}
#top #menu-item-search {
    z-index: 100;
	top: -88px;
}
#top #menu-item-search a {
    text-decoration: none;
}
#header_main {
position: relative;
z-index: 9999;
}

/* Repositioning of the Search-Icon */
.main_menu ul {
    margin-bottom: 0;
    margin-right: -12px;
    margin-top: 0;
    padding: 0;
}
#top #menu-item-search {
    margin-left: -40px;
    top: -86px;
    z-index: 100;
}
#top .social_bookmarks {
    float: right;
    margin-right: 27px;
}

Result:

Then there’s another error:

When I now reduce the width of my Firefox tab like a mobile view would be, then the search icon is completely away and the social icons on the very top are not centered.

Ismael, can you please help me with the last piece of this puzzle? The top wave is perfect, but the bottom wave (right below the send us mail form on the site) is mangled.

Thanks for all your help

Hi Ismael,

Thanks for your reply. I’ve tried reloading the homepage with the window resized, and it doesn’t work. The image is still cropped.

Also I’ve added the top margin, which makes the logo look better, but yes, the logo definitely crops in a smaller window size.

I would really like to resolve these two issues, and I would appreciate some further help. Otherwise I totally love the theme.

Thanks for your time,
– isaac

Hi Yigit… unfortunately (and this has happened to me before) it’s a password protected site that I can let out because of the content. I’ve done some screenshots of what I’m talking about with notes. Maybe they will help… maybe not… any help is greatly appreciated.

1. http://i1006.photobucket.com/albums/af188/mdgworld/1_1_zps4c92ba21.jpg

2. http://i1006.photobucket.com/albums/af188/mdgworld/2_1_zps77c07dac.jpg

3. http://i1006.photobucket.com/albums/af188/mdgworld/3_1_zps24e366b6.jpg

4. http://i1006.photobucket.com/albums/af188/mdgworld/4_1_zps02c78032.jpg

And I’ve added a little to my Quick CSS:

.content {
padding-top: 10px;
padding-bottom: 25px;
}

#footer {
padding: 5px 0 5px 0;
}

#top #header .mega_menu_title a:hover {
text-decoration: none; color: #19458d; }
#top #header .mega_menu_title a { color: #00aeef;}

.content, .sidebar {

padding-top: 15px;

padding-bottom: 25px;

}

.sidebar_left.sidebar {

text-align: left;

}

.breadcrumb.breadcrumbs.avia-breadcrumbs {
display: none;}

My site is still in maintenance mode, but it is the same with the ENFOLD demo theme:

the round circled images in front of each comment is also no longer there at the demo, take a look here:
http://kriesi.at/themes/enfold/2012/12/12/lorem-ipsum-dolor-sit-amet-consectetuer-adipiscing-elit-aenean-commodo-ligula-eget-dolor-aenean-massa/

No image in front of each comment!

EDIT:

I just discovered, that this is obviously a browser issue:

The circled images in front of the comments (at the DEMO!!!) are not there in Firefox 24.0 (Javascript enabled), but in Opera and Chrome browser they are there. I use Windows desktop 7 prof. 64bit:

Opera & Chrome browser:

Firefox 24.0 under Windows 7 prof. 64bit:

See here the Firebug result:
http://oi44.tinypic.com/msc3zt.jpg

• This reply was modified 11 years, 7 months ago by BeeCee.

not working with this code.
you can check.
now the code is in quick css.

Thank you, Devin.

I realized this might be an issue that no fix is currently available with the visual editor and I have found a way to get around with it.

Sorry about directing you to the other topics I posted. Didn’t mean to interrupt your workflow.

Thanks again!

Hi Ismael ,

Sorry I’m going to change my question.

1.) I want a similar navigation like the kriesi site , the social icons look really neat in the navigation. Is this possible in enfold ? I’m using a small non fixed header. If this is a lot of work then I’d rather skip this.

2.) My main issue is with the icons I want to place before the footer. I want the icons inside + the circle to be much bigger , I found this code >

.iconbox_top .iconbox_icon{
float:none;
position: absolute;
left: 50%;
top:-26px;
margin:0 0 0 -26px;
padding:15px; <<< increases the circle size
border-radius:100px;
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box; /* Firefox, other Gecko */
box-sizing: content-box;
font-size: 20px; <<< increases the font inside
line-height: 24px;
}

My main issue here is I can’t center the icons, i mean not all of them. For example facebook centers fine, while vimeo doesn’t

Is no longer relevant. Too many problems. I changed the theme This topic can now be closed.