Jenny Jones Posted July 22, 2019 Share Posted July 22, 2019 I am currently changing my website to responsive using The Band CSS Template. On my navigation bar the dropdown arrow has changed as per the screen shot and I cannp Link to comment Share on other sites More sharing options...
Funce Posted July 22, 2019 Share Posted July 22, 2019 Hey there Jenny, Can you include some code for us so we can see what's going on here? Link to comment Share on other sites More sharing options...
Jenny Jones Posted July 23, 2019 Author Share Posted July 23, 2019 Here is some code from the Nav Bar hope it is enough. Thank you for your quick reply. <div class="w3-top"> <div class="w3-bar w3-grey w3-card"> <a class="w3-bar-item w3-button w3-padding-medium w3-hide-medium w3-hide-medium w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a> <a href="index.html" class="w3-bar-item w3-button w3-padding-medium">HOME</a> <div class="w3-dropdown-hover w3-hide-small"> <button class="w3-padding-medium w3-button" title="More">ARCHAEOLOGY<i class="fa fa-caret-down"></i></button> Link to comment Share on other sites More sharing options...
dsonesuk Posted July 23, 2019 Share Posted July 23, 2019 If you have not already done so, save file as UTF-8 encoded and add <meta charset="UTF-8"> as shown here https://www.w3schools.com/html/html_charset.asp Link to comment Share on other sites More sharing options...
Jenny Jones Posted July 23, 2019 Author Share Posted July 23, 2019 I am going to sound really stupid now but I don't know how to save my files as UTF-8 encoded. I already have meta charset="UTF-8"> in the file see below <!DOCTYPE html> <html lang="en"> <title>Picturesque Peloponnese</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="DESCRIPTION" content="The Peloponnese in Greece, has archaeology at its best, endless beaches, caves, waterfalls, churches and monasteries, forts and castles galore."> <meta name="KEYWORDS" content="picturesque-peloponnese"> <link rel="stylesheet" href="w3.css" type="text/css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> <link rel="stylesheet" href="fontawesome/css/all.css" type="text/css"> <style> body {font-family: "Lato", sans-serif} .mySlides {display: none} </style> <body> Link to comment Share on other sites More sharing options...
Jenny Jones Posted July 23, 2019 Author Share Posted July 23, 2019 I opened an HTML in notebook and saved it as an .html file in UTF-8 but it made no difference! Link to comment Share on other sites More sharing options...
dsonesuk Posted July 23, 2019 Share Posted July 23, 2019 Try it on a local server NOT through computers operating file system. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now