Jump to content

Tyefoods

Members
  • Posts

    4
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Tyefoods's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Morning all, I've added in some coding to change the look of the navigation bar for the Birdseye Theme, removing the transparent w/ white text, to move over to a White Nav bar with black text, using the following code; <style> .birdseye-header { background:#fff !important; } .nav .wsite-menu-item { color:#000 !important; } </style> However I need to get the formatting to apply to the dropdown sections of the navigation, as currently the dropdown still uses the themes view. To make matters worse, when you view the website on a mobile phone, the expand icon is invisible (Presumably because it uses the themes white text on the new white background), and when you expand the navigation, its black text/black background. Website for reference: http://marleys2019.weebly.com/ Would anyone be able to tweek my code slightly to include dropdown content? Much appreciated!
  2. @JMRKER You sir, are a legend. That is exactly what I am after! My original code will be left on the desktop version of the website as the hover functionality is easy, but your magnificently built code will be for our mobile (And more used!) version! I cannot tell you how many hours I spent playing with this code. Absolute life saver!
  3. Morning Funce, It kinda-sorta does reverse when you click off, but only in specific places. Pressing above the dropdown box, or selecting a photo will close it. But if you click between the grid or in the paragraph it just doesn't seem to want to work (Much like me today!) Unfortunately this is my first time dabbling with any sort of code, we're building a new website for our company's 50th. So honestly, never touched JavaScript.
  4. Afternoon everyone! Just need a little bit of help with some coding. Trying to create a dropdown directory list of photo galleries, which will only appear on Mobile devices The list contains links that take you to the relevant page with the photos. On a mobile device, you can press on it to expand the list, however I cannot get it to click-shut (collapse again) The code I'm using is as follows; <style> .wcustomhtml { overflow: visible !important; } .dropbtn { background-color: #a1a1a1; color: white; min-width: 250px; padding: 16px; font-size: 16px; border: none; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #ddd;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: a1a1c1;} </style> <div class="dropdown"> <button class="dropbtn">Photo Galleries</button> <div class="dropdown-content"> <a href="http://marleys2019.weebly.com/new-truck.html">Truck Fitout</a> <a href="http://marleys2019.weebly.com/2009-christmas.html">09 Xmas Party</a> <a href="http://marleys2019.weebly.com/40-years.html">40Yrs Surprise</a> <a href="http://marleys2019.weebly.com/hope-valley-opening.html">Hope Valley Opening</a> </div> </div> Can anyone please help me with what I'm missing?! I just need it to collapse when you press it again. Many thanks in advance!
×
×
  • Create New...