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

mobile sticky

    • 7 years, 2 months ago muldemo
      Participant

      Expired

      Hi Team,

      1) how can i make menu bar sticky on the mobile version?

      2) how to add one more menu button on the left as shown on the yellow area?
      image

      image link:     https://flic.kr/p/26rFkDZ

       

      thanks

    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      1.Do you want to make it fixed only on Mobile?

      2. Please see the screenshot below: https://ibb.co/mXyTgx
      https://ibb.co/eFxh8c

      Let us know.

      Best regards!

    • 7 years, 2 months ago muldemo
      Participant

      Expired

      thanks for your reply.

      1. Yessss I want the menu bar fixed on mobile including top header, middle header and the lower header.

      2. I understand how to add the button, but it does not show up on mobile version. Thats why i want add one mobile menu on the left

    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      1.By default this is not a feature in theme’s layout. If you want to add it, use custom css. Add the css in Appearance > Customize > General > Custom Codes > Custom Css. We can help you with the custom css. Please send us a link of the website.

      Best regards!

    • 7 years, 2 months ago muldemo
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      Add the css in Appearance > Customize > General > Custom Codes > Custom Css

      @media (max-width: 480px){
      
      .header-top {
      width: 100% !important;
      position: fixed !important;
      background-color:white !important;
      z-index: 5000000000 !important;
      }
      
      #main {
      padding-top: 90px;
      }
      
      #wpadminbar {
      position: fixed !important;
      z-index: 5000000000 !important;
      }
      }

      Let us know.
      Best regards!

    • 7 years, 2 months ago muldemo
      Participant

      Expired

      Many Thanksssss!!!! Great theme and Wonderful support.

      one thing is the sub menu cannot scroll up, therefore some item is hidden:
      1

      Besides, 2 more questions

      A. How to change the main bar hover color? (i have tried many item in the customzier which does not work)
      2

      B. How to solve the color problem of the icon? I use light version. at top it works well, scrolling down, icon disappeared until hovering.
      3

    • 7 years, 2 months ago Mirela
      Participant

      Hello,

      1-Yes that’s right. That’s because the header position is set up to be sticky. If you do not want it, then remove the custom css suggested above.
      What you are requesting is to make the same element both sticky and non-sticky. Sorry but that’s not possible.

      a)Change the header color in Customize > Header > Main Header Row (screenshot)

      b)Please go to Customize > Header > Default Header Options, check the “Header Color” option. What option do you have selected?
      This code can help also to set the icons color to your wish:

      .extra_tools_wrapper .tool i {
          color: #fff !important;
      }

      Let us know.

      Best regards!

    • 7 years, 2 months ago muldemo
      Participant

      Expired

      Thank you for kind reply and patience!

      B) Yes you are right. That what I want to do. Is it possible to make changes with the sub menu Z-index for the problem? When i scroll the sub menu in mobile, the background keep scroll but the sub menu didnt.

    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      As we informed you in the last reply, the modification you request for the sticky header in mobile is not possible. If you must have it, then we recommend you to hire a developer to do the changes for you.
      Sorry but this is a personal customization not included in support.

      Best regards!

    • 7 years, 2 months ago muldemo
      Participant

      Expired

      understood with thanks!

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