> For the complete documentation index, see [llms.txt](https://help.shopifas.com/manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.shopifas.com/manual/website/help.naviplus.io/usage/general/find-css-selector.md).

# Find CSS Selector

**CSS Selector** is a very interesting concept in CSS — it defines which part of your website can be **replaced** or **have a Navi+ menu inserted** (either *before* or *after* it).

Here are some **examples of CSS Selectors** you can use:

```css
#header           /* The header area */
.navbar           /* The main navigation bar */
.footer           /* The footer section */
.main-content     /* The main content container */
.product-gallery  /* The product image section */
div#menu-wrapper  /* A specific div with ID “menu-wrapper” */
section.hero      /* The hero section at the top of the page */
```

Follow the instructions below to **find the correct CSS Selector** on your website.

<figure><img src="/files/caqDzOAOmADkUuZh019S" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/TTSRTRcMmiNAYf4uRn2S" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/5Vrt9kk8BoW6jQvi75O5" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/eVPFEXAif7jbEPJKqM6Z" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/L7ParWpeaBZAxiKbdKLM" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/jdTd4Lomxlfz3l0VomUu" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/jzqJTjbbP3atRM4caDyO" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/7EuQpBjt5WnvMSdOxRtX" alt=""><figcaption></figcaption></figure>