please do the following make the icon on the left responsive when i put in icon, it shrinks in the mobile version of the site please fix this and make it size properly also please fix the javascript void issue and put in a hamburger menu when viewing on a tablet or mobile device replace the en with the hamburger menu when viewing the site on a mobile device leave everything else the same please stick to the color pallet i have already the logo will not be provided but the size is 602 x 112 Please help I have been trying forever homeAboutServicesProjectsContact En function toggleFunction() var x document getElementById( myTopnav ) if (x className topnav ) x className responsive nav else x className topnav responsive width 20 height 20 align self flex start padding top 5px media screen and (max width 900px) home margin top 100px topnav a display none topnav a icon float right display block topnav responsive nav position relative topnav responsive nav a icon position absolute right 0 top 0 left 15px topnav responsive nav a not( first child) float none display block text align center border bottom 1px solid rgba(255, 255, 255, 0 10) color white important margin 10px 0 0 0 padding 10px 0 important background color 0F0F0F transition 0 5s border 3px solid 1F1F1F topnav responsive nav a hover background color rgba(27, 29, 32, 0 15) lang align self flex start padding top 10px nav display flex justify content space between align items center text transform uppercase font weight 600 letter spacing 0 2vw updated font family calibri position fixed top 0 left 0 width 100 box sizing border box padding 0 3vw 2vw updated background color F4F7FF box shadow 2px 2px 12px rgba(0, 0, 0, 0 05) z index 10 nav a text decoration none color 010b0a nav ul list style type none nav div a float left padding 5px 10px nav div a hover background color 0ee4cc added nav div a hover color F4F7FF added media(max width 900px) toggle span display block width 25px height 3px background color black margin 6px 0 toggle before font family calibri line height 0px margin left 30px nav ul position absolute width 100 height auto box sizing border box background color 0F0F0F top 50px left 0 transition 0 5s overflow hidden display none important border 3px solid 1F1F1F padding 0px margin 0px nav ul li a border bottom 1px solid rgba(255,255,255,0 10) color ffffff important width 100 height 50px display flex justify content center align items center margin 0px important padding 0px important active menu display block important nav ul li a hover background color rgba(27,29,32,0 15) media screen and (max width 900px) home margin top 100px topnav a display none topnav a icon float right display block topnav responsive nav position relative topnav responsive nav a icon position absolute right 0 top 0 left 15px topnav responsive nav a not( first child) float none display block text align center border bottom 1px solid rgba(255, 255, 255, 0 10) color white important margin 10px 0 0 0 padding 10px 0 important background color 0F0F0F transition 0 5s border 3px solid 1F1F1F topnav responsive nav a hover background color rgba(27, 29, 32, 0 15) lang align self flex start padding top 10px media(max width 900px) toggle span display block width 25px height 3px background color black margin 6px 0 toggle before font family calibri line height 0px margin left 30px nav ul position absolute width 100 height auto box sizing border box background color 0F0F0F top 50px left 0 transition 0 5s overflow hidden display none important border 3px solid 1F1F1F padding 0px margin 0px nav ul li a border bottom 1px solid rgba(255,255,255,0 10) color ffffff important width 100 height 50px display flex justify content center align items center margin 0px important padding 0px important active menu display block important nav ul li a hover background color rgba(27,29,32,0 15) p container grid template columns 1fr 1fr grid template rows auto grid gap 10px height auto c b heading font size 1 4rem text align center contact form padding 20px height auto box sizing border box contact form form flex direction column height auto padding 20px width 90 important contact left, contact right width 100 border none f name, f email width 100 f name input, f email input width 100 border none background color 262626 important padding 10px box sizing border box height 40px textarea background color 262626 important margin 10px 0px padding 10px height 200px important width 100 important message margin 0px contact form form h1 margin 5px 0px

The Answer is in the image, click to view ...

Question: please do the following: make the icon on the left responsive... when i put in icon, it shrinks in the mobile version of the site...please

please do the following: make the icon on the left responsive... when i put in icon, it shrinks in the mobile version of the site...please fix this and make it size properly.. also please fix the javascript void issue and put in a hamburger menu when viewing on a tablet or mobile device...replace the "en" with the hamburger menu when viewing the site on a mobile device.... leave everything else the same please...stick to the color pallet i have already...the logo will not be provided but the size is 602 x 112... Please help I have been trying forever

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Problem 8-9 Buying versus Leasing a Motor Vehicle [LO8-2] Purchase Costs $ 2,100 $ 530 Down payment Loan payment Leasing Costs Security deposit Lease payment End of lease charges $ 800 for 36 months...

Magic Kingdom Please read the following article from BusinessWeek and answer the questions. When Steve Jobs walked into the room, what did he say to the board? According to Steve Jobs, what was wrong...

Please answer the following question after reading the case study which is attached below: How much PM is enough PM? How much PMO support is enough PMO support? The AtekPC Project Management Office...

Read the following Case and summarize in 700 words or more. GOOGLE IN CHINA The Great Firewall Prepared by Kristina Wilson, Yaneli Ramos, and Daniel Harvey under the supervision of Professor Wayne...

3.4.2 Elements of the iPhone Strategy In January 2007, Steve Jobs announced the long-awaited iPhone. In June, Apple sold 270,000 iPhones on the first weekend it was available 41 . 3.4.2.1....

Management 587 Case/Assignment/Summary Activity Name Texas A&M-Commerce In partial fulfillment of the requirements for MGT 587 Professor Lloyd M. Basham June 8, 2014 (The above [and the next 3 lines]...

Please scan the SEC Plain English that I've attached. Please visit to this link.http://www.sec.gov/Archives/edgar/data/320193/000119312513416534/d590790d10k.htm#toc590790_9 Please read pages 25...

D O NO T Ta KE IF YOU CANNOT ANSWEAR ALL THE QUESTION AS SUPPOSED OR I WILL RATE UNHELPFUL AND REPORT FOR PLAG Peru Domestic: a bond is issued in the US Global: a bond is issued in the US and foreign...

Yego Domestic: a bond is issued in the US Global: a bond is issued in the US and foreign markets Eurobonds: a bond denominated in USD is issued in the foreign market. You need to estimate the...

our auxiliary textbook for writing two short term papers this semester is Vanished Giants by Anthony Stuart. If you opted in to purchase it through the Kennel Bookstore, then it is available to you...

Read the case study, answer the following questions: Using concepts and theories from Block 1, explain why Zoom places high importance on innovation. You should consider how the various business...

We have studied the normal approximation to the binomial distribution. Write a brief but complete essay in which you discuss and summarize the conditions under which the approximation would be used,...

Which of the following would indicate high quality earnings for a company? a. Increasing revenue while cash from operations is stable. b. Increasing net income while cash from operations decreases....

In auditing, independence is critical identify and define both ways.

Jackson Industries uses a standard cost system in which direct materials inventory is carried at standard cost. Jackson uses the following standards for one unit of product. Standard Quantity...