Menu issues and assistance required

  • Hi

    I have some questions with regards to the menu. I’m using WordPress 3.9.1 running Responsive full width featured area Child Theme theme and would like to. Here are the problems I’m currently having:

    1. Remove Resposive Menu from main and mobile design
    2. How and where do I edit the menu (change font colours, font size, add background, centre it across the site)

    Problem 1:
    I have done some research on this topic and found that by adding the following Custom CSS (Theme Options > CSS Styles) it will remove the Responsive menu

    .menu {
    display:none;
}

    This worked great, however, it does not remove it from the website when accessed via a mobile! I found another site which suggested the following code:

    .tinynav {
    display:none;
}

    THIS DOESN’T WORK. Sorry for the caps, I’m just growing frustrated as my deadline looms.

    Problem 2:
    Per research I should be able to edit the menu (I’ve chosen the TOP-MENU option in my child theme), however, there is NO CSS in the parent stylesheet or header that allows me to change the font colour, font size, background colour, centre it across the page)

    I may seem like I know what I’m doing – I really don’t. I’m new to CSS and WordPress and have been working this out as I go along, but this has me stumped.

    Please help. Thanks in advance!

    Forgot to add: temp website link is : https://rlc.co.za.winhost.wa.co.za/newrlc_wp/

Viewing 15 replies - 1 through 15 (of 18 total)

  • Are you trying to replace the themes responsive desktop and mobile menu with something else?

    When I view it on mobile, it shows two menus, the responsive menu and your regular menu.

    Check out the plugin for Firefox called Firebug. It allows you to directly access CSS from the front end and figure out element ids and classes.

    From there you can edit the CSS, change colors, etc.

    Thread Starter jacsify

    (@jacsify)

    Thanks for the quick reply (been waiting for over 3hrs for reply from cyberchimps).

    No, not trying to replace it. I am using the Child Theme of Responsive and it has 4 menu location option (top, header, sub-header, footer).

    That’s what I’m trying to fix – the mobile has two menu’s and I cannot find the code to remove it. As you can see above I tried the .tinynav but it does’t work. Only the .menu removal works.

    I would LOVE to use Firefox, but when I installed it (MacBook Pro OS X Mavericks) it literally crashed my Mac!

    You’ll most likely need to get the assistance from cyberchimps support.

    Have you already made changes to the CSS for your main Desktop view menu?

    If you make changes to CSS, and do not include those changes in the different ‘media queries’ CSS, it can mess up the responsiveness, which is probably why we are seeing two menus in mobile view.

    just try adding this block of code to the css file
    @media (max-width: 650px) {
    #container #header ul#menu-menu-1{
    display:none;
    }
    }

    Thread Starter jacsify

    (@jacsify)

    @bretwp – what do you mean by different ‘media queries’ CSS
    All CSS changes have been done via Custom CSS Manager Plugin. I have not touched the Stylesheet.css
    SIGH you are probably right about waiting… Eish! Need this all done by Friday night…

    @Mpwassier – this bit of code removed the top-menu entirely from the Desktop view. I’m trying to remove the Responsive Menu from the Mobile view. That top-menu (menu-menu-1) is the correct menu which I want to use, but I’m trying to find where I can change that as it’s not in the Stylesheet and the Child-Theme is empty. I have NO clue how to write code to change it to what I need.

    The style I wrote should only have any effect at screen sizes under 650px if it does anything on a bigger screen there is a typo did you get both } brackets

    Thread Starter jacsify

    (@jacsify)

    I got both } brackets. See screenshots:

    1. Your code in child-theme style.css
    https://rlc.co.za.winhost.wa.co.za/newrlc_wp/wp-content/uploads/2014/07/1.-Screen-Shot-2014-07-22-at-10.05.52-PM.png

    2. The menu (which I need help getting changed)
    https://rlc.co.za.winhost.wa.co.za/newrlc_wp/wp-content/uploads/2014/07/2.-Screen-Shot-2014-07-22-at-10.06.51-PM.png

    3. The responsive menu which comes up when the screen is made smaller
    https://rlc.co.za.winhost.wa.co.za/newrlc_wp/wp-content/uploads/2014/07/3.-Screen-Shot-2014-07-22-at-10.07.21-PM.png

    You wanna switch those around???

    Thread Starter jacsify

    (@jacsify)

    Huh? I would like to only have 1 menu appear. That currently only happens when it’s on Desktop view. On Mobile view (or when the screen is made smaller) the menu that I hid using the code in my original post comes back (the dark one)

    change to
    @media (max-width: 650px) {
    #container #header div.main-nav{
    display:none;
    }
    }

    Thread Starter jacsify

    (@jacsify)

    Thanks. Will try that. Couldn’t stay awake. I’m quite a few hours ahead of you ??

    Yes it’s late here now … It got ride of it when I entered it in developer tools so i think it should work. I’m pretty new to wordpress but Iv done allot of front end web development so I know lots of css But allot of these wordpress themes have so many random things going on it gets confusing. Like this theme uses javascript for a bunch of responsive styling it almost looks like it’s pulling in different css from the server when the page is resized … And that could be making it hard to over write things

    Thread Starter jacsify

    (@jacsify)

    YES!! Oh man, thank you so very much! Problem 1 solved. Now to sort out the rest. Thanks again!

    Glad u finally got that working lol

    Thread Starter jacsify

    (@jacsify)

    Any chance you can assist me with why my drop-down menus not are appearing?

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Menu issues and assistance required’ is closed to new replies.