1. Dismiss Notice

change color of current menu item > and view another logo at mobile

Discussion in 'Cloriato WordPress Theme' started by mwnow, Jun 30, 2015.

  1. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hi there,

    how can I change the color of an active page in the mobile menu? (only on mobile devices with the hamburger menu)...

    http://relaunch.severin-wuerzburg.de

    Thanks for your help.

    Greetings Miriam
     
    mwnow, Jun 30, 2015
    #1
  2. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    And is it possible to let show on mobile devices another logo, than on pc?

    I would like to remove the "Opening Times" from the logo on mobile devices, so that the main logo is bigger.

    Hope you understand.

    and the last question
    3)
    How can I change the volor of the word "MENU" at the top bar?
    Actually it is #ededed
    It should be #333
    But I have the problem that all a links on my page are getting changed, if I try to fix that in cusomt css.
    I really only (!) want to change that one color of the Menu word :)

    Thanks a lot.
     
    mwnow, Jun 30, 2015
    #2
  3. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    1> For your information, we are using cufon.js in Cloriato theme which convert text into images.
    So, first you have to disable cufon.js.

    Please follow the screenshot given below to disable it.
    Cloriato_diable_cufon_text.png

    Now, paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    #menu li.current-menu-item a,
li.current_page_item a,
#menu li.current-menu-parent a,
#menu li.current_page_parent a,
#menu li a.selected{
color:red !important;
}
    Please change color according to your requirement

    2>Your website contain the "Opening Times" within logo image. So you have to create a separate image containing logo only and then you will be able to add it manually in the mobile view through some customization.
    Don't worry!!!

    Create a separate logo for mobile view and upload it in your media and let me know.
    I will customize it for you :)

    3>Use the following CSS code: -
    Code:
    a.mobile_nav.closed {
  color: #333 !important;
}
    Thanks,
    Praveen
     
    praveen, Jul 1, 2015
    #3
  4. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hi Praveen,

    1)
    It unfortunately do not work on mobile...
    I attach a Screeenshot for you.
    Left you see the mobile view > there should be "Stylenews" be red too...

    On desktop the menu color is now read, after I put in your code in custom css
    Can you maybe take a look.
    http://relaunch.severin-wuerzburg.de/wp-login.php

    Login: webmaster
    psw: +idERWjk2

    thank you very much, Greetings Miriam
     

    Attached Files:

    mwnow, Jul 1, 2015
    #4
  5. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    mwnow, Jul 1, 2015
    #5
  6. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hello, I see you fixed my color problem with the menu :)
    Thank you very much > that resolved my issues!

    Greetings, Miriam
     
    mwnow, Jul 2, 2015
    #6
  7. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hey, Miriam!

    I have also resolved you issue regarding mobile logo.
    Please have a look at your website and reply.

    Thanks,
    Praveen
     
    praveen, Jul 3, 2015
    #7

Share This Page