WordPress.org

Ready to get started?Download WordPress

Forums

Biznez Lite
[resolved] Remove the header feature/change menu background (9 posts)

  1. df
    Member
    Posted 6 months ago #

    Hi again, Here is my website: http://hdwservices.com/

    1. Is there a way to remove header feature that the top menu and logo won't stay there as I scroll down my page?

    2. please go to this page: http://hdwservices.com/services/hardware/
    On the top menu, how can I change that white rectangler background color from white to the dark grey same as header background color? This happens to all the pages that under drop menu.
    another example: http://hdwservices.com/services/doors/

    3. In the top menu,"services", there is a symbol rotated "^" which is in black color, is there a way that I can change to white? Because I change all menu font white color.

    Thanks advance for your help

  2. salsaturation
    Member
    Posted 6 months ago #

    1) Not clear but I assume you want the header to disappear when you scroll up rather than sticking to the viewable top part of the page

    #mainnav .fixed-menu {
    position: initial !important;
    }

    2)

    .menu ul li.current-menu-ancestor > a, .menu ul li.current-menu-parent > a {
    background: transparent;
    }

    3) Not clear but I assume you are referring to the ^ at the bottom of the page to send you back to the top

    a#backtop:before {
    color: #000;
    }

    Put those codes into your custom css

  3. Gunjan Rai kanungo
    Member
    Posted 6 months ago #

    Hi,

    1) Deselect persistent header navigation menu option from theme options general setting for remove header feature.

    2) Replace following CSS code

    .menu ul li.current-menu-ancestor > a, .menu ul li.current-menu-parent > a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

    at line no 318 in style.css file.

    3) Replace black drop-arrow.png file in images folder with white drop-arrow.png file.

    Let us know if you have any issue.

    Best,
    Gunjan

  4. 2) Replace following CSS code

    Oh gosh no, do not do that.

    *Jan looks for coffee on the train, finds none*

    This sure comes up a lot lately.

    Please do not recommend that other members edit the theme directly. That's bad advice because when the theme gets updated the member will lose all of their edits. When that happens users tend to get upset.

    Instead if the theme supports custom CSS use that as salsaturation suggests or create a and activate a child theme.

    http://codex.wordpress.org/Child_Themes

    Or if the theme doesn't support custom CSS (I've not looked) then try a custom CSS plugin.

    http://wordpress.org/plugins/search.php?q=custom+CSS

    That way the member's edits will be safe and the theme can be updated.

  5. df
    Member
    Posted 5 months ago #

    thank you everybody's help

  6. salsaturation
    Member
    Posted 5 months ago #

    Don't forget to mark the ticket as resolved and if possible write don your solution incase it can be of help to someone else

  7. df
    Member
    Posted 5 months ago #

    1) Not clear but I assume you want the header to disappear when you scroll up rather than sticking to the viewable top part of the page

    #mainnav .fixed-menu {
    position: initial !important;
    }
    2)
    .menu ul li.current-menu-ancestor > a, .menu ul li.current-menu-parent > a {
    background: transparent;
    }
    3) Replace black drop-arrow.png file in images folder with white drop-arrow.png file.

    Works perfect.

    And thanks for recommend the custom css plug-in. Easier and don't have to worry about break the code anymore, before I always have to copy the css, just in case I delete or did something to break other stuff.

    Great plug in

  8. salsaturation
    Member
    Posted 5 months ago #

    Thanks - please mark thicket as resolved

  9. df
    Member
    Posted 5 months ago #

    1

Reply

You must log in to post.

About this Theme

About this Topic