For some reason, the Primary Links in the SubMenuBar block are displaying vertically (see http://www.chisholmtrailfestival.com). Do I need to edit the style.css file to make this horizontal? If so, where do I add the inline tag?

Thanks!

CommentFileSizeAuthor
#1 your_site.jpeg35.39 KBDeepika.chavan

Comments

Deepika.chavan’s picture

Deepika.chavan commented
StatusFileSize
new your_site.jpeg35.39 KB

Hi ,
Create one custom css file say 'local.css' in /css directory.
Try adding following css code in your local.css file :

#block-menu-primary-links ul li.leaf {
  list-style-image:none;
  list-style-type: none;
}

#block-menu-primary-links ul.menu li {
  margin:0;
  float: left;
  padding: 5px 15px;
}

#block-menu-primary-links ul.menu li ul li {
  float: none;
  padding: 0;  
}

3. Add following code in 'mayo.info' file on line no-9:

  stylesheets[all][] = css/local.css

4. Please clear cached data here- /admin/config/development/performance.
Your site will look like your_site.jpeg .
Hope this is what you wanted.

Rgrds,
Deepika Chavan.

Anonymous’s picture

Anonymous (not verified) commented
Status: Active » Fixed

You Rock! \m/ (>_<) \m/

This worked perfectly. Thanks!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

smurfxx’s picture

smurfxx commented

I tried this method but it doesn't work for me... I have MAYO 7.x-1.2 and Drupal 7.
I'd like also to put horizontal menu for a custom block... how can i do this?

Thanks!