Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Brine | Make nav bar drop down transparent


njamesh01

Question

Site URL: https://www.plantbasedpitstop.co.uk/

Hi there,

Im trying to make this navigation drop down transparent ideally - and preferably right aligned.
I've tried inputting a few different CSS options for the background but not having much luck with the below.

#topNav nav .folder .subnav {
   background: transparent !important;
}

WOuld appreciate any help, thanks!
 

Screenshot 2020-06-10 at 15.08.12.png

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS span.Header-nav-folder { background: transparent !important; } [href="/menu"] + span { right: 100%; }  

Posted Images

6 answers to this question

Recommended Posts

  • 1

Add to Home > Design > Custom CSS

span.Header-nav-folder {
    background: transparent !important;
}
[href="/menu"] + span {
    right: 100%;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
span.Header-nav-folder a {
    text-align: right !important;
}

remove 100% code above & add this

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

The following doesnt appear to be working. But maybe im inputting it wrong?
Thanks!

span.Header-nav-folder {
    background: transparent !important;
    text-align: right !important;
  }

Link to post
  • 0
38 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


span.Header-nav-folder {
    background: transparent !important;
}
[href="/menu"] + span {
    right: 100%;
}

 

 

21 minutes ago, tuanphan said:

span.Header-nav-folder a {
    text-align: right !important;
}

remove 100% code above & add this

add both code, but remove this

[href="/menu"] + span {
    right: 100%;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

Ive added the following but the text still doesnt appear to be responding;
Apologies if im missing something

span.Header-nav-folder {
    background: transparent !important;
}
span.Header-nav-folder a {
    text-align: right !important;
}

 

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...