Docs

[bryan1976]

Hi,

My website is here dev.theaudiobarn.co.uk – latest wordpress/x/cornerstone

2 things please:

1). My header is transparent, and I would like the dropdown submenu to share this same transparency – how please?

2). The dropdown is not centred on its parent…please see image attached. How can I have the dropdown background AND the actual menu link both centred below the parent.

Thanks for your help!

Bryan

[Thai]

Hey There,

Please add the following CSS under Customizer > Custom > Global CSS:

.desktop .sub-menu {
    background-color: rgba(49,49,49,0.85);
}
.masthead-inline .x-navbar .desktop .sub-menu {
    left: 50%;
    margin-left: -100px;
}

Hope it helps 🙂

[bryan1976]

Hi,

OK pretty good thanks. However:

1) How to change the font….I am using josefin sans in the main navigation

2) Can the sub menu links be centred aligned?

3) Can the width of the dropdown be reduced?

Thanks,

Bryan

[Thai]

Hi Bryan,

Please update the previous CSS a bit:

.desktop .sub-menu {
    background-color: rgba(49,49,49,0.85);
}
body .x-navbar ul.sub-menu li a {
    text-align: center;
    font-family: "Josefin Sans",sans-serif;
}
.masthead-inline .x-navbar .desktop .sub-menu {
    left: 50%;
    margin-left: -70px;
    min-width: 140px;
}

Hope it helps 🙂

[Author]

Posts