Hi Yigit,

Thats strange… I thought I’d checked resolution before I created the support ticket

I’ve created a higher resolution image and re-uploaded it to the product and it works so thank you

Best Regards,

Richard

Fantastic… works a treat

Many thanks

Richard

Hi Rikared,

Certainly… Here you go

I have put an image as the background but I need some of the pages to be different colours… like this

Best Regards,

Richard

perfect.. much appreciated

Richard

Hi Ismael,

I don’t think that removing the image would work across the whole of the site.

I would be happy to use multiple css media queries… Can you advise how to set up four versions split in to two…

full screen: desktop 1920px width / laptop 960px width
mobile: ipad 768px width / mobile 480px width

Best Regards,

Richard

Hi Ismael,

Many thanks for your response

I have removed some of the coding I had to bring in the columns and now its much better when responsive.

All I need to do is have the logo image appear centrally to the text below (only in full screen mode)… in mobile / responsive it can be on the left. Can you please advise how I can make it padding by a percentage rather than by a px number.

I have tried the following code…

.logo img {
padding-left: 45%; !important
}

but it does not align the logo with the column below

Best Regards,

Richard

Perfect… :O)

Much appreciated

R

Hi Rikard,

Thanks for your prompt reply – Yes.. Here you go

http://keithjacques.quadrocreative.co.uk/

Let me know if you need anything else

Best Regards,

Richard

that is perfect – much appreciated Ismael

Best Regards,

Richard

Hi Yigit,

Thanks for the code – that has sorted out the spacing either side of the column but the image in the middle is smaller than the other two either side (when they should be all the same).

Sorry to be a pain

Cheers

Richard

Sorry Yigit which plugin are you referring to?

Regards,

Richard

Hi Yigit,

Many thanks for your response

I tried to add the following but there appears to be no change

.page-id-10 .header_color .main_menu ul:first-child > li > a { color: grey; }
.page-id-10 .header_color .main_menu ul:first-child > li.current-menu-item > a, .page-id-10 .header_color .main_menu ul:first-child > li.current_page_item > a { color: red; }
.page-id-10 .header_color .main_menu ul:first-child > li:hover > a { color: #ffffff; }

Can you see if I’ve made an obvious error?

Best Regards,

Richard

Works perfectly now – many thanks

Richard

Many thanks

I’ve added this code but it does not appear to have changed anything

Any idea what to do next?

Best Regards,

Richard