ILLUSTRATR main menu

thezevster · Member · May 9, 2018 at 5:32 pm
Copy link

Add topic to favorites
Hello. I would like to increase the font size of the primary menu text and then add a white box around the menu itself. Any help is appreciated.

The blog I need help with is: (visible only to logged in users)
edelcabildo · Member · May 9, 2018 at 6:20 pm
Copy link
Hi @thezevster,

Hope this will help,

.main-navigation {
font-size: x-large;
}

Regards,
Edel
edelcabildo · Member · May 9, 2018 at 6:36 pm
Copy link
for the white box around the menu itself please try this:

a
{
border: 2px solid #f000000;
}
thesacredpath · Member · May 9, 2018 at 8:49 pm
Copy link
Hi @thezevster, I see you now have this in your custom CSS.
```
.main-navigation {
 font-size:90%
}
```
For the box around the menu, I would suggest this, which limits it to 960px and wider screens/windows so it does not interfere with the top and bottom lines when the touch device menu is active at 959px and narrower.
```
@media screen and (min-width: 960px) {
  .main-navigation {
    border: 1px solid #fff;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
```
thezevster · Member · May 9, 2018 at 9:02 pm
Copy link
Thank you edelcabildo and thesacredpath. This is precisely what I was looking to do. thesacredpath, I have updated the css to insert the box around the menu. Is there a way to bring in the left and right border so it encloses the three words in one box rather than the entire menu (with the negative space on the left and right) in one box?
thezevster · Member · May 9, 2018 at 11:06 pm
Copy link
Nevermind. I got it!
thesacredpath · Member · May 10, 2018 at 2:53 am
Copy link
Great, and you are welcome.
tahirbakuli · Member · May 10, 2018 at 5:41 am
Copy link

No items found.