change the location of a div for responsive

[Beverleyh]

Look at the source order of your stylesheets - and again, check the developer toolbar because it shows you that the CSS for mobile is being overridden in the css.css stylesheet

You have the desktop styles after the mobile ones so they're always in effect - don't forget that normal CSS cascade rules apply so pay attention to source order.

Try switching the order of stylesheets or put mobile media queries for this bar inside the css.css file, at the bottom.

Also, check the syntax of your css.css file because there are <style> tags in there that shouldn't be.

[jonnyfreak]

Look at the source order of your stylesheets - and again, check the developer toolbar because it shows you that the CSS for mobile is being overridden in the css.css stylesheet

You have the desktop styles after the mobile ones so they're always in effect - don't forget that normal CSS cascade rules apply so pay attention to source order.

Try switching the order of stylesheets or put mobile media queries for this bar inside the css.css file, at the bottom.

Also, check the syntax of your css.css file because there are <style> tags in there that shouldn't be.

i have moved the the css.css above the side-menu.css and cleaned out the unneeded <style> tags. what is happening now it the div is always appearing on the bottom.

[Beverleyh]

Have you tried this?

Try switching the order of stylesheets or put mobile media queries for this bar inside the css.css file, at the bottom.

[jonnyfreak]

Have you tried this?

that has worked thanks for you help