Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #14887

    Hi Support,

    I am sorry, because this is a basic coding question, but I am no php-coder, so I need to ask what to do precisely.

    This is my Newscast site: http://www.kletterbericht.de/

    I would like to customize the second menu as follows:

    1.) Center each menu-item

    2.) Delete the last empty menu item (But still align with the accordion slider)

    3.) Set the submenue-witdh to the same value of the parent menu item

    That’s it.

    I already read the other support-threads and managed to adjust at least the height an witdth via style.css! Whoopee ;-)

    Thanks for help!

    Boris

    #85314

    Hi Boris,

    For #1:

    .catnav li a {
    text-align: center !important;
    padding: 13px 13px 10px !important;
    }

    For #2:

    .catnav li:last-child,
    .catnav li:last-child a {
    border: 0 !important;
    }

    As for #3, I can’t seem to find a working solution as of now.

    Regards,

    Ismael

    #85315

    Hi Ismael,

    thanks, but for

    #1: what do I do with the existing code? Replace it?

    Currently it looks like this:

    .catnav li a{

    display:block;

    float:left;

    padding:13px 10px 10px 10px;

    width:130px;

    border: none;

    text-decoration: none;

    line-height: 33px;

    outline: none;

    min-height:30px;

    }

    and for #2: Where do I put this code to?

    Sorry, but I am no coder… ;-)

    Thanks.

    Boris

    #85316

    Hi Boris,

    You can either replace it in the case of #1, and with #2 add it to the very bottom of your Style.css.

    Regards,

    Devin

    #85317

    Hi Devin,

    #2 worked just finde.

    #1 screws up everything. (The menu is complete deleted and the menutext is right next to each other – look awful) ;-)

    So replacing the whole bloc

    from .catnav li a{

    to

    }

    cannot be right.

    Can you instruct me more precisely, please?

    Which part do I need to replace?

    Hope you don’t need a screenshot. ;-)

    #85318

    Hi alconsulting,

    My mistake! I should have said add them both to the very bottom of your style.css! Yes, deleting the other block would cause issues. Alternatively, you could add to the current set of attributes but adding at the end of the file will make it easier to back up in case of updating the theme.

    Regards,

    Devin

    #85319

    Great! It works.

    Thanks a lot.

    Do you have a solution for issue #3? Wit the current changes, the submenues look even worth now: to much height.

    And by the way, talking of updating the theme, I would like to recommend to do so!

    I set up a blog with the sentence theme and compared to that newscast seem a bit outdated! There are a lot of nice features in Sentence that I am already missing in newscast…

    Pleaz!!!! ;-)

    Best Boris

    And thanks again! I love your support!

    #85320

    Unfortunately I don’t think there is an easy way to get the sub menus to conform to the same width as the parent since they don’t have a defined value.

    Regards,

    Devin

    #85321

    Oh no! It look so terrible now.Please have a look an help me ;-(

    http://www.kletterbericht.de/

    Best Boris

    #85322

    Hi Boris,

    In:

    .catnav li:last-child,
    .catnav li:last-child a {
    border: 0 !important;
    }

    Remove the ” !important ” so that the sub-nav child list items still get the border. Just make sure to leave the rest of it.

    Next you’ll need to add the following CSS as well:

    #top .catnav li ul ul {
    left: 160px;
    top:-1px;
    }
    .sub-menu li a {
    padding: 5px !important;
    }

    That should get the sub menus adjusted a bit better.

    Regards,

    Devin

    #85323

    Hi Devin,

    thanks! Thats better. Since I dont understand to much of the code, which values should I play with to get it fit just perfect?

    Have another look, there are still some glitches…

    Best Boris

    #85324

    Hi Boris,

    The padding I believe is the main change so if you want to adjust the size of the containers that would be the number to try. Though the sub menu items have an additional width property that you can play with. In your style.css look for:

    #top .catnav li ul a{
    width:150px;
    height:auto;
    float:left;
    text-align:left;
    padding:0 10px;
    }

    Regards,

    Devin

    #85325

    Thanks, I adjusted the width, and now it fits. Thanks.

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Menu customization wanted (width, height, alignment)’ is closed to new replies.