---
title: "Creating a transparent topmenu"
slug: "creating-a-transparent-topmenu"
updated: 2022-10-05T02:04:14Z
published: 2022-10-05T02:04:14Z
canonical: "support.bookingtimes.com/creating-a-transparent-topmenu"
excludeFromSearch: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.bookingtimes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating a transparent topmenu

Sometimes you will want to make the topmenu transparent so the website banner details can be seen underneath. There are a number of existing css classes you can modify to create a transparent topmenu, as well as restore the menu background color when you scroll down the page.

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1628736117831.png)Example Transparent Topmenu  
  

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1628736173597.png)Topmenu background color restored when scrolling - you need to do this so the menu links are readable when scrolling down the page 

Place the following CSS styles in the **Global CSS File** to create a transparent topmenu:

```css
#ctl00_topheader { //make the menu background transparent    background: transparent!important;}#topmenu>li a { //make the menu link background transparent    background-color: transparent!important;}.minor_nav { //Make the login and phone number background trasparent    background-color: transparent!important;}#menuContainer.affix { //Change the background color when scrolling    background-color: #fff!important; // Your background color here}
```