CSS menu issue

JamesM · 20 Jan 2015 at 12:12

Can anyone explain to me why my CSS menu works fine on certain pages but switches to a mobile version on other pages?

https://steve-morris.co.uk/

Works fine however when you visit

https://steve-morris.co.uk/properties/rent

It switches to a mobile version and the menu drops down?

gord · 20 Jan 2015 at 13:21

Because it's not loading your menu.css on sub pages.

Because you're using a relative path href="css/menu.css", this is looking for https://steve-morris.co.uk/properties/rent/css/menu.css

Add a / to begin the href should provide a path from the site's root. http://css-tricks.com/quick-reminder-about-file-paths/

JamesM · 20 Jan 2015 at 13:27

Your a star, thank you.

Something so simple!

JimboTheGiant · 20 Jan 2015 at 15:40

I know this is unrelated but it looks like you need to add the following style to your #mainmenu li declaration:

list-style-type: none;

At the moment you can see the bullet points to the left of each menu sub-item. Adding the above line will remove that.

Jim