Grey Highlighted Bar

Was wondering if anyone knows how to get rid of the ‘page’ that is on the bar that highlights the pages / runs up beside side bar.

You can remove the “page” icon by adding this to your custom CSS:

.page .entry-format-badge {
  display: none;
}

Also how to change colour of that bar that highlights the pages?

If you’re referring to the dark grey background colour of the current menu item, you can modify that with some custom CSS:

.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
  background-color: #bb00bb !important;
}

Change the example purple to your preferred colour.

Perfect thank you.

Is there any way can get rid of the bar or make it thinner?

Also any way of adding a ‘call button’ so mobile users can ring me?

Also on phone,menu button on with three lines is green (is fine on comp)

How do i change that to grey?

https://www.afuseboardspecialist.com

TIA

Is there any way can get rid of the bar or make it thinner?

You can try something like this, courtesy of my colleague Richard (sacredpath):

#page {
    width: 900px;
}
#page::before {
    left: 360px;
}

We also noticed there’s some extraneous PHP that should not be in your main stylesheet – this is at the bottom of /writr/style.css but should be removed:

define('WP_MEMORY_LIMIT', '64M')

Also any way of adding a ‘call button’ so mobile users can ring me?

Didn’t you add this earlier? I see this in your code:

<a id="callnowbutton" href="tel:07833259653"> </a>

…and I see a big icon of a telephone displayed at mobile size.

Also on phone,menu button on with three lines is green (is fine on comp)

Add this to your custom CSS, changing the example purple to any colour you like:

#site-navigation .menu-toggle {
   background: #bb00bb;
}