Hi petertoner!

Thank you for using the theme!

Did you remove the menu background? I don’t see it anymore. If you want it back, you can use this:

nav.main_menu {
background: rgba(255,255,255,.5);
padding: 0 30px 0 20px;
border-radius: 20px;
margin-top: 20px;
}

.header-scrolled nav.main_menu {
background: transparent;
margin-top: 0;
padding: 0 30px 0 20px;
}

I hope that helps. Cheers!

Best regards,
Ismael

Hey Andrea!

Thank you for using the theme!

Please use this on Quick CSS or custom.css:

span.copyright {
margin-top: 30px;
margin-bottom: 5px;
}

#socket .container > * {
float: none;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
position: absolute;
}

Cheers!
Ismael

Hey!

Thank you for using the theme!

I checked the website and the logo looks fine. If you want to show the full resolution of the logo, you need to increase the height of the header container. Add this on Quick CSS or custom.css:

.html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a {
height: 160px;
line-height: 160px;
}

You can find all css codes on wp-content/themes/enfold/css folder.

Cheers!
Ismael

Hey davidrk!

Thank you for using theme!

1.) Please add this on Quick CSS or custom.css to remove the You are here: text:

span.breadcrumb-title {
display: none !important;
}

2.) Please try to change the header settings on Enfold > Header. This should fix the mega menu alignment. If you added css modifications on the mega menu before, please remove those.

3.) Please use this:

@media only screen and (max-width: 768px) {
.responsive .mobile_slide_out .logo {
float: none;
width: 80%;
}

.responsive #header .social_bookmarks {
position: relative;
margin-top: 10px;
}
}

4.) This should fix the padding issue:

.av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child {
padding-left: 10px;
}

5.) Can you please elaborate the issue on the layer slider? Thanks!

If you don’t mind, please create a single thread for each issue next time. That will greatly help.

Cheers!
Ismael

Hi!

Thank you for the update and sorry for the confusion.

Please add this on Quick CSS or custom.css:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.page-id-187 div .av_one_fourth {
margin-left: 6%;
width: 20% !important;
float: left !important;
clear: none !important;
margin-top: 0 !important;
margin-left: 4% !important;
}
}

I hope that helps. Cheers!

Best regards,
Ismael

Hey!

Thank you for the update.

Strange because the code suggested above works on our end. Did you assign a top menu on your installation? I mean the additional menu on top of the main menu. If you don’t mind, please post the link of the test site here. We would like to inspect it.

Regards,
Ismael

Hey Reto!

Thank you for using the theme!

Please add this on Quick CSS or custom.css to create a gap between the containers:

#footer, #socket {
margin-top: 100px;
}

This needs polishing but it is a start.

Regards,
Ismael

Hey!

Glad it is working now.

Please wait for the 2.7 update which will fix the custom icon fonts. (see https://kriesi.at/support/topic/custom-icons-in-iconboxes/)

Cheers!
Ismael

Hey basmati!

Thank you for using the theme!

You can add something like this on functions.php:

add_action('ava_after_main_menu', 'ava_search_form_after_main_menu');

function ava_search_form_after_main_menu() {
	get_search_form();
}

This will add the search form on top the header but you still need to reposition it with css. Add this on Quick CSS to remove the default search icon:

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

I hope that helps. Please visit Werkpress for further customization.

Regards,
Ismael

Hi!

Which version of the theme are you using? If not the latest 2.6.4, please update it – kriesi.at/documentation/enfold/updating-your-theme-files/

Cheers!
Yigit

Hey!

I see that dots are removed, please add following code to remove arrows as well

#top .avia-slideshow-arrows a { display: none; }

There may be a server side caching. Please contact your service provider

Regards,
Yigit

Hi!

Please add following code to Quick CSS

@media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo {
margin-left: 35%;
}}
@media only screen and (max-width: 480px) {
.html_header_top.html_logo_center .logo {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none; }
.responsive .logo a, .responsive .logo img {
height: auto !important ;}}

Cheers!
Yigit

• This reply was modified 12 years ago by Yigit.

Hi!

Please add following code to Quick CSS as wellx

.title_container .main-title { font-family: 'Dancing Script', cursive;  color: #592745 !important; }

If you have not added the font already, please see Ismael’s post here – https://kriesi.at/support/topic/add-new-font/#post-234710

Cheers!
Yigit