Hi there,
Firstly, sorry for the many threads – I’m doing the last few tweaks now that my site’s live!
This one’s a bit more bespoke than just some css changes. Essentially, I’d really like a line underneath my website navigation menu, identical to the one at the bottom of my banner that currently sits on top of my menu. Here’s an example of how I envisage this looking (with a slightly older version of my site):
http://laurencariscooks.com/wp-content/uploads/2015/01/Website-homepage.png
Now… what would be the best way of doing this in my child theme? I’ve made a divider line image that could be used and inserted into the header.php with some code (and this is where I’d be totally lost if it needs php – I’ve never really used php before!). Here’s the link to the line:
http://laurencariscooks.com/wp-content/uploads/2015/01/Menu-Divider-Maximum-SIZE.png
However, I also recognise that doing this with an image may not be the best way forward, in which case I’d also be willing to change the line that currently sits at the bottom of my banner. Are there any other ideas of how to do this? Perhaps some kind of with specific CSS?
Thanks in advance!
Hi Lauren
Try the following under Appearance > Custom CSS:
/* Menu */ .main-navigation ul, #search-icon-icon { border-bottom: 2px solid #000; }Or in your child theme’s stylesheet.
Adjust as required.
Or perhaps it is as simple as just some css changes – that works perfectly, thanks a lot! I’ll do the same for the border-top so that it behaves identically, and adjust my banner accordingly.
Much appreciated!
For sure, glad that helped :)