Header with social icons customization

Hi costin!

1- Yes, custom CSS you have added seems fine.
2- Please add folowing code to Quick CSS as well and adjust as needed

.bottom_nav_header.social_header .main_menu ul:first-child > li a {
height: 50px;
line-height: 50px;
}

3-

#header_main_alternate, .header_color .main_menu ul {
background-color: red; }

4- Please refer to my post here https://kriesi.at/support/topic/add-text-information-to-header-area/#post-223049
You can add your links instead of “your text goes here” using HTML ( http://www.w3schools.com/tags/tag_a.asp )
5-

#header { position: fixed; }
#main { padding-top: 126px; }

Best regards,
Yigit

Hey!

4- Please remove following code from Quick CSS

#header_meta { display: none; }

and add following code instead

#header_meta { margin-top: -30px; }
.sub_menu { top: 175%; }

Secondary menu should be displayed there.
5- Can you post the link to your website? It should be fixed but if you are using boxed layout, please add following code to Quick CSS as well

#header { width: auto; }

Cheers!
Yigit

Hey!

4- Please adjust the code to following

.sub_menu {
top: 250%;
}

5- You are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
6-

.hr-short { margin: 15px 0; }

Regards,
Yigit

Hey!

You can try adding !important rule to force it as following

.hr-short { margin: 15px 0!important; }

If that does not work, please point out the section on your website
Unfortunately, it is not that easy to pull that off with the type of header you are using.

Cheers!
Yigit

Hi!

Please add following code to Quick CSS as well

.template-page .entry-content-wrapper h1 { padding-top: 10px; }
#top .header_color .sub_menu ul li a:hover { color: red; } 
.header_color .sub_menu>ul>li>a { color: green; }

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

.main_color strong, .alternate_color strong { color: inherit; }

This code will make it the same color as your text color

Best regards,
Yigit

Hi!

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

.bottom_nav_header.social_header #header_main .container {
height: 160px; }

You can adjust the size. By default it is 88px
2-

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

3-

.header_color .main_menu ul:first-child > li > a { color: white; }

4-

#top .header_color .main_menu .menu ul li>a:hover {
color: red;
}
.header_color .main_menu .menu ul li a {
color: green; }

Best regards,
Yigit

Hi!

Please add following code to Quick CSS
1-

.bottom_nav_header.social_header #header_main .container {
height: 110px; }
.logo img { padding-top: 20px; }

4-

body div .avia-button { color: white!important; }

5- You can choose to display Alternate color on certain elements such as Color Section
6-

.sidebar a { font-size: 16px; }

7-

#scroll-top-link:hover {
background-color: purple;
color: orange;
border: 1px solid yellow;
}
#scroll-top-link {
background-color: blue;
color: green;
border: 1px solid red;
}

8-

.sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 18px; }

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well
1-

.avia-icon-list-container { margin: 10px 0; }</Coe>

2- You can add Color Section element and add background image to it and make it fixed
3-

.main_color .avia-icon-list .iconlist_icon:hover {
background-color: red!important; }

Regards,
Yigit

Hey!

2- You can add horizontal ruler element to increase the height.
3- Code is not being applied on your website. Please try adding it to Custom.css file inside Enfold/Css folder. Code works fine on my installation
4-

.content { padding-top: 20px; }

Regards,
Yigit

Hi!

Please try adding following code to quick CSS
1-

#av_section_1 .avia-section {
min-height: 180px!important;
}

2-

.main_color .avia-icon-list .iconlist_icon:hover { color: green; }

3-

.hr-short { margin-bottom: -15px !important; }

Regards,
Yigit

Hey!

Please add following code to Quick CSS and adjust as needed

.main_color .avia-icon-list .iconlist_icon {
background-color: orange;
}
#main {
padding-top: 193px;
}

Best regards,
Yigit

Hi!

Sure, please post them here privately

Best regards,
Yigit

Hi!

Please review your website. I have added custom CSS code to bottom of Quick CSS section and made some small changes on color section element

Cheers!
Yigit

Hey!

I have added a new color section element on top of the one you have previously added. Please check your website while logged out then you can go ahead and remove the color section you have created.
Please add following code to Quick CSS and adjust as needed

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

I have checked your page and could not see an issue. Can you post a screenshot?

Best regards,
Yigit