• Hi, so I’ve recently started at this company and a few months before I started the company got a web development company to create a new website. Apparently it was a really bad experience for the company and they no longer want to deal with the company, so have asked me to work on the site.

    The site was built on WordPress but it’s a bespoke theme, created specially for the company. This has caused a number of issues (for one we can no longer update WordPress for fear it will turn the site into soup!)

    I’m a novice when it comes to development and I can sort of stumble my way through most things HTML and PHP but there are some areas that really do my head in. In this case it’s the main menu on the site.

    If you hover over “Industry” a great whopping drop down menu appears featuring images with roll over effects. This isn’t terrible in and of itself, I’ve seen this sort of menu used to pretty good effect on sites like Fisher & Paykell, but in this case it takes up the whole width of the screen and worse still, it pushes the content of the page down instead of just appearing over the top.

    Once you scroll to a certain point the menu no longer pushes the content down (although it still pushes the blue “secondary menu” down.) I’d like it for the main menu drop down to come down over everything and not push anything down, if possible.

    Can anyone recommend a way of turning the menu back to the regular drop down menu, with just each title under the next, which doesn’t push the content down with it?

    The current menu seems to be set up in CSS. I’ve been using Chrome to Inspect the elements of the menu in order to work out which CSS styles are in place. I don’t know of an easier way (as I said, novice)

    Here’s the CSS from the “Main.css” file:

    Any help of useful suggestions would be greatly appreciated!

    Cheers,

    Peter

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Moved to Fixing WordPress, please do not use Developing with WordPress for these topics.

    Anything past 10 lines is way too much. I’ve redacted the CSS, please consider posting a link to the CSS instead.

    Thread Starter xrayspecs

    (@xrayspecs)

    There’s not enough information in the forum section for a new member to know exactly where the topic should go. I still don’t even know what you mean by “these topics”. I saw this as a development issue, as the site was created bespoke which, in my view, was doing something advanced with wordpress. I didn’t see it as “fixing wordpress” because there was nothing actually wrong with the wordpress side of things and I wouldn’t naturally think this was a problem encountered after setting up wordpress, which sounds more like something that has happened immediately after the wordpress install. I also didn’t see anything to say what should or shouldn’t be included in the post. This page, for example, https://ww.wp.xz.cn/support/welcome/ doesn’t explain that I should only be including up to 10 lines of code and if I want to show more I should link to it. Would help if these things were made a little clearer, save us all some time.

    Thread Starter xrayspecs

    (@xrayspecs)

    I also can’t see where to edit the original post to remove some text now that the CSS has been removed, as well as to include a link to the main.css file…

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Just post a link to your theme’s main.css file. The link was not in the original post, just 1,900+ lines of CSS code.

    That theme is what I’d call “Overburdened with Gee Whiz”.

    The Theme was built using Visual Composer and those menus where made from a plugin called ‘Menu Image’. Just shutting down the menu image plugin may help with the menu issue or help you understand that better. The Visual Composer Plugin may have been left in place. Else it’s only $35.00 or so if you need it.

    The Scrolling top is run by ‘WP Front Scroll Top’.

    Do a Good backup!!! Files and Database. Very Important!!! If you don’t have a backup plugin then UpDraftPlus will do the trick… install that.

    That fancy theme thing is using Javascript for some of that ‘menu’ stuff. I’m hoping you’ll be able to tame most of that down with the Health Check/Twenty Seventeen version without breaking the expensive theme. Of course, you can reverse the damage you might create by restoring backups.

    Once you’ve made content tweaks and such then just take your time and look up things as you go or ask if you have specific questions.

    One more note… You might find a theme in the repository that comes close to what you have already. It might be good to find an out of the box theme that comes close then use the Visual Composer and those other two plugins if you need them to tweak the rest.

    • This reply was modified 7 years, 7 months ago by JNashHawkins.
    Thread Starter xrayspecs

    (@xrayspecs)

    Thanks @jnashhawkins, very helpful 🙂

    Yeah I’m not sure why the development company went down that road, probably to justify the amount they charged the company (mid 5 figures!) or maybe they just had no idea. Apparently they outsourced most of the work offshore anyway…

    The company had no digital or IT department so were just flying blind and got taken for an expensive ride. I’m not sure they’ll let me scrap what they’ve paid so much for, even if I could recreate it myself (which I think I could probably do pretty well using the Divi theme), so it’s going to take trying to change what is there to work better.

    Thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Help with Menu Development’ is closed to new replies.