Support » Theme: Preference Lite » Sub-menu border??

  • Resolved Kingbyro

    (@kingbyro)


    Hello,

    Firstly like to mention how easy the theme is to use, and how smooth and professional it can look.

    My only small problem is I’ve changed the colour scheme and the only place I can’t seem to change is in the drop down menu

    I’ve changed the colour but there seems to be blue border or sub background which I can’t seem to change

    My site is http://www.apriltrowbeauty.com

    I’ve looked at the other sub menu background thread but this doesn’t seem to work for me unless I’m doing it all wrong

    Thanks in advance

    Ryan

Viewing 15 replies - 1 through 15 (of 30 total)
  • Theme Author Styled Themes

    (@gejay)

    Hi Kinbryo… thanks for the nice comment 🙂
    For the submenu, I do have a setup tutorial for this here: http://www.styledthemes.com/preference-lite-setup/104-change-the-submenu-background

    But I’ve also just recently uploaded a new version of Preference Lite where I completely rebuilt the menu. So this submenu issue is actually going to be solved and easier to manage from the theme option settings with a few new colour options that were added. I also removed the gradient and made is a solid colour only.

    Just have to wait for the review team at WordPress here to approve the update and it will be live. However, if you contact me from my site, I can email you the new update which is version 1.6.9

    Thanks alot for getting back to me. That link is what I’ve already tried but with no joy.

    Is it ok to email me the new update? Would be much appreciated

    Address [Redacted – We do not provide support via email]

    Regards

    Ryan

    Theme Author Styled Themes

    (@gejay)

    I just got the notification and did get your email address (not really a good idea to post it to the public, haha. )

    Anyway, I emailed you the new version of Preference Lite as well a child theme for it, should you decide to make any theme modifications.

    Excellent

    Menus much easier to configure now.

    I already have the child theme so all I had to do was update the theme and all is good.

    Can you help me change the mobile menu colour to match the website?

    Thanks again

    Regards

    Ryan

    Theme Author Styled Themes

    (@gejay)

    Good to hear it’s easier…I owe that user feedback 🙂

    For the mobile menu, if you go to the theme options and click on the Navigation tab, you will get your colour options there for this. However, the one thing that still needs to be done as customization is the little mobile menu button. This is where you can copy the menu css and add it to the child theme style.css to override it.

    In the /css/menu.css from line 3, you will copy most of everything between:

    /* Main Menu Toggle */

    …to

    /* Navigation Menu */

    In between that are the mobile button styling, so the parts you will only need to copy to the child theme are the sections that look like this:

    .menu-toggle {
    color: #fff;
    	background-color: #e6e6e6;
    	background-repeat: repeat-x;
    	  background-color: #618b9b;
    	  background-image: -moz-linear-gradient(top, #8db9c9, #618b9b);
    	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#618b9b), to(#8db9c9));
    	  background-image: -webkit-linear-gradient(top, #8db9c9, #618b9b);
    	  background-image: -o-linear-gradient(top, #8db9c9, #618b9b);
    	  background-image: linear-gradient(to bottom, #8db9c9, #618b9b);
    }

    Now these use css3 gradients, so you can either simply change the hex values you see there like: #8db9c9, #618b9b…etc, or you can use an online tool to create your gradient, copy the code, then paste to replace the css in the menu.css file. You can check out this one online to generate your gradient:

    http://www.colorzilla.com/gradient-editor/

    Or, you can just remove the gradient and use a background-color only if that makes it easier.

    Hello,

    I’ve tried all the colours in the site and none of them seem to change the mobile menu on my iphone?

    Also, the menu.css is different to your extract.

    Mine starts:

    /* Navigation Menu */
    #gj-menu {
    text-align: center;
    }
    #gj-menu a {
    color: #fff;
    }
    #gj-menu a:hover {
    color: #f8d9b0;
    }
    #gj-menu ul.menu > ul {
    display: none;
    }
    .navbar {
    margin-bottom:0;
    }

    @media (min-width: 680px) {
    .mainmenu ul.menu,
    .mainmenu > ul {
    display: inline-block;
    width: 100%;

    And that’s from the theme you emailed me.

    Thanks a lot for your help

    Regards

    Ryan

    Theme Author Styled Themes

    (@gejay)

    That’s the old code….I just looked at the one I sent you and what you pasted above is not correct. How did you update the theme? Basically you will be replacing “all” the files in your current preference lite with the unzipped files of the one I sent, which is version 1.6.9.

    Do you have any kind of cache installed?

    I used filezilla to copy across the theme you sent me and overwrote my existing files.
    I must have missed the CSS folder somehow.

    It’s in there now, but there is still no option for the mobile menu in the navigation section tho

    Regards

    Ryan

    Theme Author Styled Themes

    (@gejay)

    If you go to the theme options from the dashboard home and click on the Customize your Site button, then on the Navigation tab, is there colour selectors for things like the submenu background? If not, is there a way I can get access to your admin? If so, please contact me from my website contact page with your details (don’t post them here).

    ** there should be a total of 8 colour selectors on the Navigation tab in the customizer.

    Yes there are selectors for submenu options, which change the site perfectly.

    It doesn’t effect the mobile site though, my iphone shows a blue menu button, and the dropdown is all blue. It’s almost as if the submenu options need to force the ‘important’ statement to force it into the colour change

    Regards

    Ryan

    Theme Author Styled Themes

    (@gejay)

    ah ok now I see… obviously something is not right. I will jump on a fix for this right away.

    Wow, this is amazing support!!

    Thanks sooooo much

    Regards

    Ryan

    Theme Author Styled Themes

    (@gejay)

    lol… I found the problem which I did the code for the submenu background but as you discovered, the submenu background doesn’t work on the mobile view. That is because I did not add one extra style for it. Anyway, I will email you the new one to test out before I resubmit the update to WordPress here 🙂

    I swear I need a vacation, lol

    Cool

    Look forward to testing 🙂

    Well i’ll be……..

    WORKS a charm!!

    Thanks sooo much!!

    Now all I’ve gotta do is change the button (which has moved to the centre of the menu bar)

Viewing 15 replies - 1 through 15 (of 30 total)
  • The topic ‘Sub-menu border??’ is closed to new replies.