Header issues

[chinedu]

Hello,

How are you today? Please I bought your template and I am having issues editing it.

Please how do I do the following in the header.

1. How do I make the phone icon, phone numbers and email to be this color #000099.

2. How do I move the phone icon, phone numbers, email and social media icon upwards by 80% without moving the logo and without increasing the height of the header.

3. How do I change the colors of the 3 social media icons? I want their current mouse over colors to be their main colors and let the current white colors/images be their mouse over effect.

4. How do I move the menus downwards so that they will rest on the bottom of the header where the lighter blue line is.

All the above are changes I will like you to help guide me to sort out.

Thanks.

Chinedu

---

[Support]

Hello, please try with the following changes:

(css/custom.css)

#header nav ul.nav-top li a,
#header nav ul.nav-top li span {
    color: #000099;
}

#header nav ul.nav-top li a,
#header nav ul.nav-top li span,
#header .social-icons {
	position: relative;
	top: -20px;
}

ul.social-icons li.facebook {
	background-position: 0 -150px;
}

ul.social-icons li.twitter {
	background-position: 0 -1170px;
}

ul.social-icons li.linkedin {
	background-position: 0 -570px;
}

#header nav.nav-main {
    position: relative;
    top: 22px;
}

Let me know if you have any questions.

Kind Regards, Jonas

---

[chinedu]

Hi,

Thank you immensely for the speed of the response. See the updated site here http://buildingewealth.org/bvw/.

I still have issues in the header. I know there are much but I will greatly appreciate your assistance.

Here are the issues:

A. Header:

1. This is not proper but can you help me guess/check the colors of the logo:

* Dark blue logo color which was used in writing the “BIOWATER WATER”

* Light blue color which was used for the love sign.

I want to use these two colors as the main colors of the website.

2. How do I use the light blue (love sign) logo color for the following:

* Mouse over background
* Inner/extended links background
* The horizontal blue line that is under the menu (the blue line that starts from where the where the ”

Home / Pages” is and extends to after where the “Contact Us” is.
* The blue mouse over (under) effect that is page title/heading (under the “Home / Pages” area).

So I will like to use the light blue (love sign) logo color for these areas.

3. Please see the top of the header. You will notice two lines running across the top of the header.

How do I make both lines to be the same color as the dark blue logo color.

4. Please I will like the facebook, twitter and linkin icons in both the header and footer to have a

white mouse over image/color change effect.

5. Please how do I put an email icon before the email in the header?

6. Please I will like to reduce the white/empty space above the logo by 50%. How do I do that?

7. Please see this file http://buildingewealth.org/bvw/bvw-menu.jpg . How do I the header menus to be like the sample I gave.

8. Please how do I move the links to the right so that the “Contact Us” link will end where the boxed layout ended by the right side.

The mouse over still remaining the same.

Please I know that all these issues I posted are much but I will greatly appreciate your help as I have tried to do all the above on my own without any success.

I do appreciate your time.

Chinedu

---

[Support]

Hello, thanks for the comment, I’m sorry, but please consider that support for my items includes:

– Responding to questions or problems regarding the item and its features
– Fixing bugs and reported issues
– Providing updates to ensure compatibility with new software versions

Item support does not include:

– Customization and installation services
– Support for third party software and plug-ins

If you could please review the questions following the rules above, would be great.

Kind Regards,

Jonas

---

[chinedu]

Hi,

See the updated site here http://buildingewealth.org/bvw/. Please how do I do the following in the header:

1. Please see this file Menu image.

How do I make the header menus to be like the sample I gave.

2. Also please how do I move the links to the right so that the “Contact Us” link will end where the boxed layout ended by the right side. The mouse over still remaining the same.

3. Please how do I make the facebook, twitter and linkin icons in both the header and footer to have a
white mouse over image/color change effect.

4. Please how do I put an email icon before the email in the header?

Thanks.

Chinedu

---

[Support]

Hello,

1

#header nav ul.nav-main li a,
#header nav ul.nav-main ul.dropdown-menu {
	border-radius: 0;
}

2

#header nav.nav-main {
    position: relative;
    right: -33px;
    top: 22px;
}

3

ul.social-icons li.facebook:hover {
	background-position: 0 -120px;
}

ul.social-icons li.twitter:hover {
	background-position: 0 -1140px;
}

ul.social-icons li.linkedin:hover {
	background-position: 0 -540px;
}

4

<i class="fa fa-envelope"></i>

Kind Regards,

Jonas

---

[chinedu]

Hi,

Thanks for the wonderful support. Please with regards to the earlier #1 I sent today, see the updated menu here http://buildingewealth.org/bvw/sample.html.

Please take your mouse over the;

Water & Our Bodies
Water Pollution
BioVital Water
Clinical tests

menus. You will notice that the mouse over is curved for the top edges of these menus. How do I make them straight (rectangular).

*** Please see the top of the header. You will notice two lines running across the top of the header.

How do I make both lines to be the same color as the dark blue logo color.

Thanks.

Chinedu

---

[Support]

Hello,

#header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	border-radius: 0;
}

#header nav ul.nav-main ul.dropdown-menu {
	margin-top: 0;
}

html.boxed .body {
    border-top-color: #000066;
}

Regards,

Jonas

---

[Author]

Posts