WP Cake

Hi @parkerchris76,

You are almost there. It looks like the main content is set a little short. Your sidebar has a width of 15% and a main content area of 70%. I think if you increase the width of the main content area so it combines with the sidebar to equal 100% you will achieve the effect you are looking for.

Try adding the following CSS to your custom CSS panel in the customizer:

.woocommerce-page .content-area{
  width: 85%;
}

Thanks

that worked thanks

Ok thank-you for getting back to me.

Hi,

Having looked at your site in a bit more detail I can see you have added some custom CSS that looks to be showing sub-menus with a cream coloured background and blue text.

If you want the sub menus to be blue background and cream text then find the following CSS in your custom css editor and swap the colours around:

header nav ul ul a{
background-color: #f2ebe5;
color: #647295;
}

• This reply was modified 3 years, 8 months ago by WP Cake.

OK different from me I think. I am getting:

Safari on iOS – Blue background – F2EBE5, Cream Text – 647295

Chrome on iOS – Blue background – F2EBE5, Cream Text – 647295

Safari on MacOS – submenu as Blue text 647295 on Cream background F2EBE5

Chrome on MacOS – submenu as Blue text 647295 on Cream background F2EBE5

Firefox on MacOS – submenu as Blue text 647295 on Cream background F2EBE5

So all looks fine from my end. I will ask a colleague to double check on their devices.

Hi,

can you please provide more information on which browsers you are testing and what they are displaying?

Hi Chris, on mobile all menus appear to be #647295 now.

Without seeing the website setup you could try:

@media (max-width: 789px) {
  header nav,
  header nav ul ul a{
    background: #000;
  }
}

This should ensure the menu background is black.

Thanks

• This reply was modified 3 years, 8 months ago by WP Cake.

Hi, apologies for the slow response. If you haven’t got a fix for this yet, can you please provide your url so we can take a look?

Hi @parkerchris76

We will plan a more permanent fix for this but for now you can try adding some custom CSS. the styles below should be able to help:

@media (max-width: 789px) {
  header nav{
    background: #000;
  }
}

thank-you, I will give that a try

OK that will then make the thumbs all the new size which is the wrong size for my original images to work. It’s OK – I think I will have to resize all my images to suit the new theme.

thanks for your help.

I found the answer.

Quotes (“”) have to be added around short focus keywords with function words.

Wow I would never have got to the bottom of that one!

Thanks very much for your help – really appreciated.

OK thank-you – I have sent the xml