Background colour of pages


Hi
I’m trying to make the entire site have an orange background.
The background colour is set in the theme options and I have this css but the non cornerstone pages still have a white background. This code works but I still have white lines showing above and below the title of the page.
site, .x-site {
background-color: #fd8b2e !important;
}
div#top {
background-color: #f0f0f0;
}

footer.x-colophon.top {
background-color: #f0f0f0;
}

footer.x-colophon.bottom {
background-color: #f0f0f0;
}

I have another issue on that site, I can’t see the menu on a phone, please advise.

Hi @lisacole1,

Thanks for reaching out.
The white line is coming due to the border set through the default CSS. You need to add the following custom CSS code to Global CSS to get rid of this line.

.x-header-landmark
{
    border: none !important; 
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Regarding the issue of navigation on mobile, it seems that the Hamburger menu has been set to hide using custom CSS code. I would suggest you remove the code.

Thanks

you total superstar thank you, and thanks for spotting the code that was hiding the menu! I really appreciate it

You are most welcome @lisacole1

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.