Change Pictorico's menu width

lianesilva · Member · Sep 18, 2014 at 8:10 am
Copy link

Add topic to favorites
Hi!

I’d like to change the width of the menu in order for it to fit in just one line. Either that, or change the width of the embedded search form on my header.

Could you please help me?

Also, I created a page jump on the menu item “Social”, for it to jump to the widget area and show the social icons. However, everytime that I’m at the homepage, the Social menu item also appears hightlighted. Is there any way to make it so that the Social menu item is NEVER highlighted, even when I’m in the page it points to?

Thank you in advance.

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 18, 2014 at 8:47 am
Copy link
Hi Liane,

Go to Appearance > Customize > CSS and copy this in to the text area, you can delete all the example text that’s in there already. Let me know if it doesn’t work for you:
```
.main-navigation {
  width:66.67%;
  max-width:66.67%;
}

#page .main-navigation ul .menu-item-1375 > a,
#page .main-navigation ul .menu-item-1492 > a {
  color:#666;
}
```
lianesilva · Member · Sep 18, 2014 at 9:11 am
Copy link
Hi hallluke,

Thank you so much!

Could I please ask you one more thing? Could you do the same for this other website of mine? It’s http://lianemusic.com
:) Thanks in advance
lianesilva · Member · Sep 18, 2014 at 9:13 am
Copy link
Never mind! I was distracted!

It worked perfectly on both websites, thank you very much!
hallluke · Member · Sep 18, 2014 at 9:16 am
Copy link
I almost missed the English version but the two different menu item numbers should have them both covered.
lianesilva · Member · Sep 18, 2014 at 9:20 am
Copy link
Yeah, I noticed you put both menu item ids, thanks for that. :)
lianesilva · Member · Sep 18, 2014 at 9:46 am
Copy link
Hi, once more.

I could use some help regarding one more thing… Make the footer background transparent. Could you help me with that, please?

Thank you.
hallluke · Member · Sep 18, 2014 at 9:57 am
Copy link
What exactly do you mean? There’s nothing behind the footer at the moment so making the background transparent won’t have any effect.
lianesilva · Member · Sep 18, 2014 at 9:59 am
Copy link
I wanted it to be the same color as the background of the page, in this case, black.
lianesilva · Member · Sep 18, 2014 at 10:37 am
Copy link
I just figured out now that I meant the Widget area! xD Sorry!
hallluke · Member · Sep 18, 2014 at 10:39 am
Copy link
Here you go:
```
#secondary {
  background-color:#000;
}
```
lianesilva · Member · Sep 18, 2014 at 10:43 am
Copy link
Thank you very much! :D

No items found.