Change the vertical alignment of the top menu for Enfold - Support

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

Author

Posts
May 28, 2013 at 3:41 am #23910

brownmestizo
Participant

Hi, I am trying to vertically align the menu at the baseline of the logo but it doesn’t seem to work. Here is the page in question: http://175.107.134.9/~peterhar/?page_id=1167

Furthermore, the a tags in the ul menu is being appended with a fixed height and fixed line height. However, I can’t figure out which js is doing that. Anyone can help?

May 28, 2013 at 3:55 am #121574

brownmestizo
Participant

Anyone, pls? Just tell me where to fix it. I can’t seem to find which script keeps on adding inline styles to the menu.

May 28, 2013 at 4:07 am #121575

brownmestizo
Participant

Hi, I think I found out where that code is being generated. But I’m still left stunned as the $attributes variable seem to not contain anything that adds inline styles. Where else should I look?

$attributes = ! empty( $item->attr_title ) ? ‘ title=”‘ . esc_attr( $item->attr_title ) .'”‘ : ”;

$attributes .= ! empty( $item->target ) ? ‘ target=”‘ . esc_attr( $item->target ) .'”‘ : ”;

$attributes .= ! empty( $item->xfn ) ? ‘ rel=”‘ . esc_attr( $item->xfn ) .'”‘ : ”;

$attributes .= ! empty( $item->url ) ? ‘ href=”‘ . esc_attr( $item->url ) .'”‘ : ”;

$item_output .= $args->before;

$item_output .= ‘’;

$item_output .= $args->link_before . apply_filters( ‘the_title’, $item->title, $item->ID ) . $args->link_after;

//if($depth === 0) $item_output .= ‘’;

$item_output .= ‘‘;

$item_output .= $args->after;

May 28, 2013 at 4:16 am #121576

brownmestizo
Participant

Anyone? Please?

May 28, 2013 at 4:16 am #121577

brownmestizo
Participant

I can see other posts being responded to. Can anyone hear me here?

May 28, 2013 at 4:36 am #121578

brownmestizo
Participant

Anyone?

May 28, 2013 at 5:54 am #121579
Ismael
Moderator
Hey,

Sorry for the delay. You can move the menu via CSS. Just add this on your custom.css or Quick CSS
```
#menu-top-menu {

margin-top: 30px;

margin-left: -180px;

}
```
Adjust the values.

Regards,

Ismael
May 28, 2013 at 8:41 am #121580

daanb100
Participant

Hi,

I am trying to center the topmenu and remove the logo. If I use the code above and adjust the values I can get the menu centered, but when I make the screen smaller to test responsiveness, it doesn’t look good. Any clues?

Regards,

Daan

May 29, 2013 at 12:27 pm #121581
Dude
Participant
Hey!

You can use a media query – eg use following code instead:
```
@media only screen and (min-width: 768px) {

#menu-top-menu {

margin-top: 30px;

margin-left: -180px;

}

}
```
It won’t affect devices with small screens.

Best regards,

Peter
Author

Posts

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

The topic ‘Change the vertical alignment of the top menu for Enfold’ is closed to new replies.