Multiple Probems

[andrewmaff]

Here is the website I am building for my client: http://joejacobydrive66.com/

1. The header is all out of line and messed up and I don’t know why. I can’t seem to get the menu items in the top right to line up correctly to shrink the header.

2. I can’t seem to change the font color of the footer.

3. I can’t figure out how to change the background colors and font colors of the hamburger menu.

4. In the pages, no matter what I do the area surround the page titles will not shrink.

For supposedly such a great theme there seems to be TONS of limitations that are not stated before you download. It sound incredibly customizable but unless I’m missing something I can’t seem to get anything fixed.

Help on all of these issues would be much appreciated!

[andrewmaff]

This reply has been marked as private.

[Veena]

1.You can use the below custom CSS in themeoptions –

#primary-menu {
    margin-right: 50px;
}
#header.sticky #primary-menu {
    top: 30px;
}
#header.sticky #site-logo {
    top: 40px;
}
#header.sticky #sidebar-header .button {
    top: 35px;
}
#header.sticky .side-nav-toggle {
    top: 40px;
}

Pls adjust the values according to your requirement.

It would be good if you move social icons to footer like in our demo site – https://www.livemeshthemes.com/fusion

2.

#footer-bottom .menu-container ul li a {
    color: #933D41;
}
#footer-bottom .menu-container ul li a:hover, #footer-bottom .menu-container ul li a:active {
    color: #000;
}
#footer-bottom-text {
    color: #000;
}

3.

.side-nav-toggle .icon, .side-nav-toggle .icon:before, .side-nav-toggle .icon:after {
    background: #FFA812;
}
#sidenav {
    background-color: #fff;
}
#side-menu ul.menu li a {
    color: #000;
}
#side-menu ul.menu li a:hover {
    color: #fff;
    background: #FFA812;
}

4.

#title-area {
    padding: 45px 0 25px;
}
#title-area h1 {
    font-size: 40px;
}

[andrewmaff]

Thank you for all of your help!
This all worked great.

We are basing this site off of: http://american-integrity.com/
As we are working hand in hand with them.

How can we add icons above the menu options like they have?
I would also like to add the black/white gray bar they have under their menu, is this just adding an image to the background of the header?

Thanks again!

[Veena]

This reply has been marked as private.

[andrewmaff]

Hello,

Thank you for all of your help!
I was able to place the white/grey bar where I wanted it and change the coloring, but it won’t seem to stick when I scroll.
Do you know the code so I can have it remain there without moving?

[Veena]

You can use this –

#header.sticky {
    background: url(http://joejacobydrive66.com/wp-content/uploads/2016/12/test.jpg) no-repeat;
    background-position: center bottom;
    height: 150px;
}

[Author]

Posts