menu thickness and location – adjustments

  • Posted in : Bloggy WP
  • ldiano
    Participant

    Mehmet,

    Thank you for your excellent support of us.

    Two questions:

    1. Is it possible to reduce or expand the thickness of the menu bar?

    2. Is it possible to move it up above the logo?

    I have no idea how hard these requests are to implement, please let me know.

    Thank you.

    ahmetsali
    Keymaster

    Hi,

    1-) try this custom css code;

    .main-navigation {
        border-bottom-width: 2px;
    }
    .main-navigation > ul > li > a {
        border-bottom-width: 2px;
        margin-bottom: -1px;
    }
    

    2-) paste this to External JS box in Theme Options > Style tab.

    <script>
    jQuery(document).ready(function($)
    {
       var nav = $( '#site-navigation' );
       $( '.site-header hgroup' ).before(nav);
    });
    </script>
    
    ldiano
    Participant

    Thanks Ahmet,

    I will try this once I get the site working again. Will let you know.

    ldiano
    Participant

    Hi I tried this and it works very well. Thank you.

    Can we take it one more step?

    1. We want to add our logo to the menu bar.

    2. We want it to be a linked to the home page on the menu and be maybe 100px to the left of the next item on the menu (in this case ‘Declarations’)

    3. We want to remove the small multi-colored bars under the menus.

    4. We want to shrink the thickness of the menu bar maybe 3px.

    Here is a poor example.
    http://thepowerinsport.com/menumar92014.jpg

    We hope this is possible.
    THANKS!

    ahmetsali
    Keymaster

    It can be possible but it requires more hard work, we can only provide customizations of some lines of code. You can hire someone experienced to do the job for you, if you are not familiar to html-css coding.

    ldiano
    Participant

    Thank you for all your hard work.

    I am not familiar enough to do it.

    Is it possible to tell me how to ‘hide’ the header but not the menu?
    And how to ‘remove’ the small multi-colored bars under the menus?

    Again, thank you for all your hard work.

    ldiano
    Participant

    Hi, You can ignore my questions of Mar 10 at 17:30.

    ===

    I have a few new questions. I do not know how hard or easy these questions are for you. I appreciate the help you can give.

    1. How can we change the font used in the menu

    2. In the attached picture there is white space (drawn in 2 locations with arrows). How can this white space be removed? I have tried several things and cannot do it with my basic skills.

    http://test.thepowerinsport.com/wp-content/uploads/2014/03/header-white-space-for-pixelwars-Mar-15-2014.jpg

    Thank you.

    ldiano
    Participant

    Hi,

    I have answered the above questions.

    One new question (repeat of an old question) –
    1. how to shrink the height of the menu
    2. how to shrink the height of the header

    Thank you.

    ahmetsali
    Keymaster

    Hi, i can’t view your site, it is password protected.

    ldiano
    Participant

    Hi, thanks.
    It’s ok now I just have these 2 questions (from above).

    One new question (repeat of an old question) –
    1. how to shrink the height of the menu
    2. how to shrink the height of the header (logo and site title).

    L.

    ahmetsali
    Keymaster

    try this custom css code;

    .main-navigation ul li a {
        padding: 10px 2em;
    }
    h1.site-title img {
        max-height: 140px;
    }
    
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register