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

menu problems

    • 8 years, 6 months ago sarahlouisewaterhouse
      Participant

      Expired

      Hi,

      I’m having problems with the menu. On the mobile it loses the main navigation and only show the links that are in the dropdown menu.

      On the desktop, on one page it drops into the codeless slider area making it impossible to read. https://www.waterarthouse.co.uk/nikki_iles/pianist/

      On another it sits above the slider. https://www.waterarthouse.co.uk/nikki_iles/

      I would like it to sit above the slider on all pages.

      I was also losing the menu when I scrolled down the page. I read the support forum and changed the menu to dark in order to sort this, but it doesn’t look great when scrolling down the page as it’s very difficult to read.

      Please can you help.

      https://www.waterarthouse.co.uk/nikki_iles/wp-admin/

      user name:Nikki Iles

      <span style=”color: #363636; font-family: Arial; font-size: 11px;”>Password: szutddYq6BTPI50v&l   </span>
      <p style=”margin: 0px; font-size: 11px; line-height: normal; font-family: Arial; color: #363636; min-height: 12px;”>Thanks</p>
      <p style=”margin: 0px; font-size: 11px; line-height: normal; font-family: Arial; color: #363636;”></p>

    • 8 years, 6 months ago sarahlouisewaterhouse
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 6 months ago sarahlouisewaterhouse
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 6 months ago sarahlouisewaterhouse
      Participant

      Expired

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

      Hello,

      First you need to know that this is happening because you have added a lot of menu items. The width of menu now exceeds the width assigned to it inside the header and this leads to the menu being dropped down in order to find more space. Even if you had a normal menu in desktop it would have dropped down in computers with smaller screen resolution.
      All you have to do now is go to General Options > Header Options > Menu Options > Menu Items Margin, decrease the values until the menu is set properly inside header area again.
      I already changed it from 13px to 7px. Please check your site, it is showing ok now (screenshot).

      2-The sticky header: I see you have set up the sticky header background to be brown-transparent. In order for it not to keep that background when is set in normal state, i went to your home page’s General Settings > Page Options & Style > Header Color Style for Header, and set it to “Auto check“.
      Do this for every other page you want it.

      Let us know if you need further help.

      Best regards!

    • 8 years, 6 months ago sarahlouisewaterhouse
      Participant

      Expired

      Thank you for explaining that to me, and fixing it

      The other problem I have with the mobile menu not showing the main navigation, only the dropdown menu. That problem still exists.

      Thanks

    • 8 years, 6 months ago Mirela
      Participant

      Hello,

      Yes, you are right. For this i added this code into your custom css box:

      @media (max-width: 676px){
      .menu-small ul.menu > li > a {
      color: #464444 !important;
      }}

      Edit the color to your wish. Please check your site.

      Best regards!

Viewing 6 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