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

Asked by njamesh01,

Followers 1

Question

njamesh01    1

njamesh01
Posted

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 Days

Popular Posts

tuanphan

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

tuanphan    8,233

tuanphan
Posted

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

tuanphan    8,233

tuanphan
Posted 
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

njamesh01    1

njamesh01
  • Author
Posted

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

tuanphan    8,233

tuanphan
Posted
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

njamesh01    1

njamesh01
  • Author
Posted

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

Sign Up / Login
Followers 1
Go to question listing
×
×
  • Create New...

Support

Community

Developers

Resources