Jump to content

background color on products pages and menu folders

Recommended Posts

Site URL: https://www.abbeyroseevents.com/wandering-rose-rentals


I'm in a bit of a unique situation and I am hosting two businesses on a single website. the main website is branded one way, and then one page and the products/commerce pages are branded another way.

I was able to code the background on each page using:

.Main {
background-color: #e3c7bb !important;

But, on the commerce page,  there is a large white bar that is still white.

I'm also having issues with my coded navigation.

I have hidden the main navigation and header on the specific pages that I need to using:

//Hides header and footer on rentals//
#collection-5f924afbbb7aa672e985ff5a, #collection-5f99e5c149d0506211cec092 {
header:not(.summary-block-header), footer, .Mobile-bar--top {
  display: none!important;
//New rentals navigation//
#secondary-menu ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  text-align: center;
#secondary-menu li {
  display: inline-block;
  padding: 30px;
  text-transform: uppercase;
  font-size: 20px;
  transition: background 1s, color 1s;
#secondary-menu li:hover {
  background: #e3c7bb;
  color: #d8a89c;
  font-color: #ffffff;
@media screen and (max-width: 930px) {
  #secondary-menu li {
    padding: 9px

and have this coded individually for the new navigation:

<div id="secondary-menu">
    <a href="/wandering-rose-rentals"> <li>Home </li></a>
    <a herf="/wandering-rose-about"> <li>About Us</li></a>
    <a href="/shop?category=Linens"> <li>Linens </li> </a>
    <a href="/shop?category=Decor"> <li> Decor </li> </a>
    <a href="/shop?category=Attire"> <li> Attire </li> </a>
    <a href="/shop?category=Dinnerware"> <li> Dinnerware </li> </a>
    <a href="/shop?category=Drinkware"><li> Drinkware </li> </a>

Is there a way to create a folder for linens-drinkware in the menu like I have on my main page abbeyroseevents.com?


Thank you so much in advance for any advice on this issue!

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.