WordPress.org

Ready to get started?Download WordPress

Forums

Parabola
Editing the Navigation (12 posts)

  1. bkarrer
    Member
    Posted 6 months ago #

    Hi,

    I was wondering if it's possible to remove the little black triangle in the bottom corner of the main navigation menu for the Parabola theme? If so, where can I do this?

    In addition, I was hoping there's some way I can extend the navigation to take up the width of the page (no matter what pixel size the page is, I'd like the navigation to have a width of 100%). I already have the navigation's width set to 100%; however, I'm currently running a layout with a total width of 960px, which is why the navigation is only 960px wide. I've tried playing around with this width and it works to extend my navigation bar; however, I want the rest of my website (content underneath of the header/navigation area) to stay at a width of 960px. When I change the website layout so that my navigation bar is full width, it also makes the rest of my website take up the entire width of the screen.

    Hope this explanation is clear on what exactly I'm looking for. Any help is greatly appreciated.

    Thanks,
    Brennan

  2. salsaturation
    Member
    Posted 6 months ago #

    Hi Brennan

    Please provide a link to your site.

  3. bkarrer
    Member
    Posted 6 months ago #

    Hi salsaturation,

    I've been editing the website via localhost; however, I just got it switched over to the web. Here's the link: http://sites.udel.edu/biomedical-engineering/

  4. salsaturation
    Member
    Posted 6 months ago #

    What you are trying to do will make the menu centred... try this in your custom css

    #access > .menu > ul > li > a:after, #access > .menu > ul ul:after {
    display: none;
    }
    
    #header, #access, #colophon, #branding, .topmenu {
    width: 100%;
    
    }
    
    .menu {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
    }
    
    .menu ul {
    list-style:none;
    position:relative;
    left:50%;
    }
    
    .menu ul li {
    float:left; position:relative;}/* ie needs position:relative here*/
    text-align:left;
    }
    #access ul ul {
    left: 0;
    }
  5. bkarrer
    Member
    Posted 6 months ago #

    Hi salsaturation,

    Thanks for the response but that didn't do the trick. I figured out how to get the navigation to span the width of the page; however, I'm trying to figure out how to center the navigation buttons and header image now and can't quite get it. In addition there's a few mods to the nav bar itself that I can't figure out:

    1. For the Research tab --> Is there a way to expand the sub-sub menus (ie. Under Core Research Centers) to the left-hand side so that the menu isn't cut off and the page gets extended. I'd like to avoid the page being extended horizontally so that there is no horizontal scroll.
    2. I'm not sure what CSS to edit to change the style of the submenus. For example, on rollover I'd like the submenus to be displayed as a different color (maybe an off-white). In addition, I'd also like these submenus to be displayed a few pixels lower so that they're inline with the yellow border underneath the nav buttons.

    Hope my explanations were clear enough.

    Thanks,
    Brennan

  6. salsaturation
    Member
    Posted 6 months ago #

    Hi Brennan

    I think I understand what you are asking for (but I thought I did the first time around - but that wasn't the case). So please can you spend a few minutes and do a quick mockup of how you want the menu to loo so that I don't end up giving you the wrong code again

  7. Jim
    Member
    Posted 6 months ago #

    Hi
    If you go to parabola settings> graphics settings then disable triangle accents, this will remove the little triangles.

    Hope this helps

    Jim...

  8. batharoy
    Member
    Posted 6 months ago #

    Move the sub-menu a little to the left so it's not cutoff.

    #access ul ul {
        margin-left: -40px;
    }
  9. bkarrer
    Member
    Posted 6 months ago #

    Hey guys,

    Thanks for the responses. Jim that helped with the triangles so thank you. And salsaturation, I ended up figuring out how to edit the navigation (got it centered and shifted the submenus down). The only other thing I need help with is what you were trying to address, batharoy. Thanks for the suggestion; however, I already tried this and it isn't a great fix. Doing that shifts all of the submenus to the left which doesn't look good and isn't what I'm going for.

    Is there anyway to single out the 'Research' tab and make the sub-submenu appear on the left instead of the right? Just that tab alone..not sure if this is possible.

    Brennan

  10. salsaturation
    Member
    Posted 6 months ago #

    Hi Brennan

    here is a very quick (but not elegant) solution.. hope it works

    #access .page-item-75 ul {
        margin-left: -133px;
    }
    
    #access .page-item-75 ul ul {
        margin-left: -652px;
    }
  11. bkarrer
    Member
    Posted 6 months ago #

    Hey salsaturation,

    Not pretty but it gets the job done; however, is there any other solution for this? I'm afraid this fix might not look right on other browsers and with different resolutions.

    Brennan

  12. djamesoconnell
    Member
    Posted 3 months ago #

    Hi bkarrer,
    What did you have to do to get the navigation menu to expand the width of the page?

Reply

You must log in to post.

About this Theme

About this Topic