Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Different colors for main navigation on different pages

    • 9 years, 9 months ago tobiasH
      Participant

      Expired

      Hi there!

      I can’t get my main navigation to change color for different pages of our site. I’d like to switch between light and dark menu colors like in this demo: https://codeless.co/specular/agency2/ however, the light/dark option in the pages “page options” menu has no effect.

      How do you make that work? Any help much appreciated!

      Tobias

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      The light/dark menu is depended on the General Settings > Page Options & Style > Header Color Style , but also from the codeless slider chosen for that page. If the slider’s slides, have “Light Logo, menu..etc” selected in their Codeless Slide Options > Layout > Menu & Slider Navigation Color, then the header during the display of that slide, will be the light version. No matter of the Page Options & Style option you have chosen.
      If you send us your wp credentials in a private reply, i can set up some test pages for you to refer too.

      Best regards!

    • 9 years, 9 months ago tobiasH
      Participant

      Expired

      Alright, perfect, I get that. However, how about pages without Slider. On those the navigation-color should be set by the Header Color Style? (that doesn’t seem to work at the moment…)

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      Yes, the navigation is set up by Page’s General Settings > Page Options & Style > Header Color Style. That does not have any issue on our side. Can you please send us your wp credentials in a private reply? So we can give it a closer look.

      Best regards!

    • 9 years, 9 months ago tobiasH
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 8 months ago Mirela
      Participant

      Hello,

      You have no issues on your site.
      The fact that you can not seem to change between dark and light versions, is due to both these versions have light logo set up for them and white menu font color.
      Upload a dark logo and change your menu font color for the dark version in Header Options > Menu Options > Menu Item Typography. I set it to dark gray for now. You can see the difference in this page: https://wordpress.hqlabs.de/hq-simplified-business/
      Let us know.

      Best regards!

    • 9 years, 8 months ago tobiasH
      Participant

      Expired

      Hi Mihaila,

      thanks, I got it. I uploaded the dark logo – it’s displayed correctly. However, now the dark logo and dark text are also shown on the sticky nav on a dark backgound-color. The sticky nav needs to use the light logo and text to look good (check https://wordpress.hqlabs.de/ while scrolling to see what I mean).

      Is that at all possible?

      Really appreciate your help!

      Tobias

    • 9 years, 8 months ago Mirela
      Participant

      Hello,

      By default the sticky header uses the dark version. If you want to change that, then add this code into your custom css box:

      .sticky_header #logo img.light { display: block; visibility: visible;}
      .sticky_header #logo img.dark {    display: none;  visibility: hidden;}
      .sticky_header nav .menu > li > a {color: #f8f8f8;}
      .sticky_header .header_1 nav li.current-menu-item > a {color: #10b8c7;}

      Best regards!

    • 9 years, 8 months ago tobiasH
      Participant

      Expired

      Perfect, thank you very much!

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password