This topic has 14 replies, 3 voices, and was last updated 9 years by Laura.

  • Author

    Tagged: 

  • #61870
     felixodeli
    Participant

    Hello,

    Please help me on how to get rid of the black bar under logo and menu in mobile mode. Please the attached picture

    Attachments:
    You must be logged in to view attached files.
    #61872
     Laura
    Moderator

    Hello, do you want to make it transparent? Please send me an url 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #61900
     felixodeli
    Participant

    Yes please. If transparent will make it not seen.
    http://www.linkingwinners.com

    #61924
     Laura
    Moderator

    Hello, please add this css to Quick CSS found in General Settings

    @media (max-width: 991px) {
    .kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
      position: absolute !important;
      top: auto!important;
      background-color: transparent;
    }
    .kleo-main-header .navbar-toggle {
      display: inline-block;
      margin-right: 20px !important;
    }
    .logo img {
      height: auto;
      width: 20%;
    }
    }
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #61938
     felixodeli
    Participant

    Thanks.
    That was very helpful. I turn the transparent to light gray, so that the menu sign will be visible

    #63019
     zafari
    Participant

    I have the same black bar issue on my mobile site. When I can get it to change to white, the hamburger menu is invisible. Why isn’t there a way to easily control the mobile menu colors in the new update? I have used Raju’s CSS Quick Fix but it is not working. Where can I easily modify the header background color please?

    #63020
     zafari
    Participant

    To followup, the issue is only on my home page. The other site pages do work.

    #63314
     Laura
    Moderator

    Hello zafari, could you share a link to your homepage? 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #63352
     zafari
    Participant
    This reply has been set as private.
    #63604
     Laura
    Moderator

    Hello, what color would you like? i used one of your slider

    COPY CODE
    
    @media (max-width: 991px) {
    .kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
      position: relative!important;
      top: auto!important;
      background-color: #C5B8E6;
    }
    section.container-wrap.alternate-color.ov-hidden.border-bottom.text-center {
      margin-top: -15px;
    }
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #63616
     zafari
    Participant

    HEllo – thanks for the suggestion. However, it’s not working. I placed it in the child theme’s CSS file but the mobile header bar is still black, as you can see in the attached screenshot. Any other ideas?

    Attachments:
    You must be logged in to view attached files.
    #63618
     zafari
    Participant

    Hello = as a followup to my earlier reply, when I place the code in the Quick CSS field in Theme Options>General, it does work if I add !important on the background color field. However, the hamburger bars do not show up. I added more CSS to get them to appear so that works now. However, the drop-down menu colors are now not working. I wanted my background to be white, but the menu is then white on white so it’s not working. How can I change the text color of the drop-down menu items?

    #63894
     Laura
    Moderator

    Hello, please try with:

    @media (max-width: 991px) {
    .kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
      position: relative!important;
      top: auto!important;
      background-color: #FFF !important;
    }
    .navbar-toggle {
      position: relative;
      float: none;
      padding: 9px 10px;
      margin-top: 0;
      margin-bottom: 8px;
      background-color: rgba(0, 0, 0, 0.49) !important;
      border-radius: 4px;
    }
    ul#menu-main a {
      color: black !important;
    }
    .navbar-transparent #ajax_searchform {
      background-color: rgba(34, 34, 34, 0.06);
    }
    }
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #63931
     zafari
    Participant

    Hello Laura,

    Thanks! That worked! Many thanks for your help….

    🙂

    #64106
     Laura
    Moderator

    Hello, i’m glad it worked 🙂 Please give us a nice comment and/or a 5 star rating at themeforest 😀

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

Viewing 15 posts - 1 through 15 (of 15 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?