Dan Jones

You have a media query at 643px:

ul.nav-menu, div.nav-menu > ul {
    display: none;
}

Lets add this to your custom CSS plugin:

@media screen and (max-width: 643px) {
ul.nav-menu, div.nav-menu > ul {
    display: block!important;
}}

Or remove the original one if you can find where it

Dan

haha not a problem, Im glad I could help.

All the best with the site,

Dan

Just realised you have it fixed so the menu will scroll, in that case you want your CSS to be like this:

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(237, 237, 237);
    border-top: 1px solid rgb(237, 237, 237);
    margin-top: -30px;
    width: 100%;
    display: inline-block !important;
    text-align: center;
    position: fixed;
    left: 0px;
}

It displays to the right for me in firefox, chrome & IE, this is because you have given the ul a fixed position.

Take off position:fixed and change text-align to center

Dan

EDIT: also take off that padding-left:30px; so that your overall css for that selector should look like this:

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(237, 237, 237);
    border-top: 1px solid rgb(237, 237, 237);
    display: inline-block !important;
    margin-top: -30px;
    text-align: center;
    width: 100%;
}

No problem mate, to do that you want to add this to your CSS plugin:

#access ul ul li {
background-color:rgb(240, 205, 75);
}

Hi mate,

To make the menu font bold you need to add to the css that you wrote in relation to “#access a”. I hope explaining it like this will give you a better understanding of how it works:

So change where you have
#access a {
color:#7f4805;
}

to

#access a {
color:#7f4805;
font-weight:bold;
}

To change the font size you will be adding “font-size:20px;” to the same selector, for example. So now you have:

#access a {
color:#7f4805;
font-weight:bold;
font-size:20px;
}

You then said about the background color of the menu, for that you will be adding “background-color:#000;” to the “#access ul li”

So for example:
#access ul li {
background-color:#000;
}

What do you mean by a border mate? Around each menu item?

Dan

It is that social media plug in mate.

Add this to your CSS :

P.FacebookLikeButton {
display:none;
}

Okay so first download this plug in: https://www.ads-software.com/plugins/simple-custom-css/

Then inside that plugin you want to add your custom CSS, CSS controls the layout of the page along with the colors of your text.

So inside that plugin you will be adding the selector “the name of the part you are trying to change and then what you want to change it to. To change your menu you are editing the rules on “#access a” so if you wanted to change the color to white for example you would add this to your css plug in:

“#access a {
color:#fff
}

To change the hovered color to black for example you would use:

#access a:hover {
color:#000;
}

To change your drop down menu to dark gray you’d use:

#access ul ul a {
color:#202020;
}

for the hover to black:

#access ul ul a:hover {
color:#000;
}

and so on. if you want to mess about with the colors just change it, this might be helpful to you: https://kuler.adobe.com/create/color-wheel/

Lastly your column text is controlled by “.column-text” so use something like:

.column-text {
color:#fff;
}

That should be enough to get you going mate, was there any other parts you wanted changing?

Dan

Its your CSS, mate. Paste a link and the color you want the menu and text to be and Ill give you the CSS you need to add to your child theme or simple css plug in

Go to pages then hover over your page (non – e.d.t), click on quick edit.

Then you will see the words “allow comments” and a small box next to it.
un-check that box then click update.

https://dan-jones.co.uk/wp-content/uploads/2013/10/remove-comments-1024×484.png

??

Yep me, Im in Colchester.

Brilliant! Thank you!!! Had to change it to suit my site but that was perfect help.

Thanks Andrew ??

Yeah, I have created a child theme mate.

Try putting this into your CSS (if you do not have a child theme install a custom CSS plugin):
#theme_navigation-2.widget.widget_theme_navigation UL LI {
list-style-type: none;
}

Hiya,

Not really. It depends what you want. People create themes that do most of the work for you and most people use WP without any HTML/CSS.

However if you can learn basic CSS I think it will help you on your way for the look of your site.

You will be surprised how many plugins there are for everything