Multiple Probems

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #25065
    Andrewmaffandrewmaff
    Member

    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!

    #25066
    Andrewmaffandrewmaff
    Member
    This reply has been marked as private.
    #25069
    VeenaVeena
    Moderator

    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;
    }
    
    #25122
    Andrewmaffandrewmaff
    Member

    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!

    #25125
    VeenaVeena
    Moderator
    This reply has been marked as private.
    #25144
    Andrewmaffandrewmaff
    Member

    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?

    #25155
    VeenaVeena
    Moderator

    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;
    }
    
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Fusion Theme Support’ is closed to new topics and replies.