Hi!

You can add the .home selector:

.home .fixed_header #main {
padding-top: 0;
}

.home .header_bg {
opacity: .1;
filter: alpha(opacity=10);
}

Best regards,
Ismael

Hey!

Please add this on your custom.css or Quick CSS:

#header {
background-color: white;
}

#top .social_bookmarks li a {
display: initial\9;
}

Best regards,
Ismael

Hi!

You can do something like this. Edit the menu item then change the “Navigation Label” to something like this:

Online Print <span class="menu-second-line">and Content Writing</span>

Add this on your custom.css or Quick CSS:

.menu-second-line {
clear: both;
display: block;
position: relative;
top: -70px;
}

Best regards,
Ismael

Hi!

It is disabled because most mobile browsers allow users to simply tap the menu bar at the top of the screen to scroll back to the top of a webpage, the scroll to top button is not necessary.

Cheers!
Ismael

Hey!

1.) Edit the button layer then go to Attributes panel. Give it a unique id like “learn-more-button. Use it on your Quick CSS field.

#learn-more-button:hover {
color: blue;
background: white;
}

2.) Please give it a css selector id or class.

3.) You can use this for the black events button:

.avia-button.avia-icon_select-yes.avia-color-custom.avia-size-small.avia-position-center {
background-color: red;
border-color: red;
color: blue;
}

4.) Use this:

.main_color.iconbox_top .iconbox_icon:hover {
background-color: blue;
}

Best regards,
Ismael

Hey covaun!

You can use the Fullscreen Slider or the LayerSlider then add this on your custom.css or Quick CSS to move the content upwards.

.fixed_header #main {
padding-top: 0;
}

You can change the transparency of the header using this:

.header_bg {
opacity: .1;
filter: alpha(opacity=10);
}

Regards,
Ismael

Hey!

It was made intentionally. But you can add following code to Quick CSS and display it between 480-768px as well

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block;
}}

Cheers!
Yigit

Hey!

For default logo with “non-fixed header with social icons and additional navigation” header type, custom css code would be

div .logo { left: 41%; }
.main_menu { left: 31%; margin-top: 40px; }
.main_menu .menu ul { top: 66%; }

Best regards,
Yigit

Hi finessecreative!

Please add following code to Quick CSS as well

@media only screen and (max-width: 480px) { .social_header .phone-info { top: 99px; font-size: 18px; left: 10px; }}

Best regards,
Yigit

Hey!

Can you post the link to your website as well? The link you provided in your other topic is still not Enfold

Cheers!
Yigit

Hey IcosMediaKunden!

Please add following code to Quick CSS in Enfold theme options under Styling tab

#top #menu-item-search.menu-item-search-dropdown>a:after { content: 'Suche'; }

Regards,
Yigit