ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• October 16, 2014 at 8:25 pm #120904
  blaouchez

  Member

  Post count: 448

  Hello,

  I want a different css style for navigation and topbar.

  I defined the css of the main menu but also adds a white background to the topbar.

  How to remove the white background of the topbar?

  My code for the menu

  /*--Nav --*/
  nav li a {
  	text-align: center;
  	color: #004B98!important;
  	background-color: #fff!important;
  }
  nav li a:hover {
  	color: #fff!important;
  	background-color: #004B98!important;
  
  }
  /*--Rubrique : padding--*/
  nav .menu li a {
  	margin: 0;
  	padding-top: 11px;
  	padding-right: 15px;
  	padding-bottom: 12px;
  	padding-left: 15px;
  }
  
  /*--Première rubrique : padding--*/
  nav .menu > li:first-child > a {
    padding-left: 10px!important;
  }

  Best regards

  Attachments:

  You must be logged in to view attached files.
  October 16, 2014 at 9:34 pm #120913
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css.

  
  #top-bar .menu > li > a, #top-bar .menu > li.parent:after {
  background: transparent!important;
  }

  -Rui

  October 17, 2014 at 3:50 pm #121158
  blaouchez

  Member

  Post count: 448

  Thanks Rui, ill’s perfect 😉

  For Smartphone:

  1) how to edit the blue background under the menu
  2) How to remove the border of the sub-menu?

  Attachments:

  You must be logged in to view attached files.
  October 17, 2014 at 4:09 pm #121163
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try the code below.

  
  @media (max-width: 767px){
  
     #header-section, #mini-header, header{
          background-color:#FFF!important;
    }
  
     nav .menu > li {
  
        border-top: none!important; 
    }
  
  }

  -Rui

  October 17, 2014 at 5:03 pm #121170
  blaouchez

  Member

  Post count: 448

  Good ! Thank you very much Rui

  October 17, 2014 at 5:16 pm #121174
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s solved.
  -Rui

• Back to forum

  Posted in: Flexform