Submenu's doesnt working 100%

Discussion in 'Regal WordPress Theme' started by lieflifestyle, Jan 31, 2013.

Thread Status:
Not open for further replies.
  1. lieflifestyle

    lieflifestyle Guest

    Joined:
    Jan 21, 2013
    Messages:
    9
    Likes Received:
    0
    Hi all,

    I got a website: http://www.liefcorporate.com/
    The submenu of About lief! doens't work 100%.
    I have 4 subpages under it, but it shows only 3 of them.

    Of course i added the page in the Menu section of WP.

    Here is my custom CSS:
    .header{
    overflow: hidden;
    background: #00bbe8;
    padding: 25px 0px;
    }

    The problem is in the Overflow: hidden
    I got this from Piyush in this thread: http://www.inkthemes.com/community/threads/different-customizations.1817/

    When i delete this line, it works, but then the header is messed up.

    Here is the full CSS:, maybe somewhere i have to add something:
    .main_container{
    background:white;
    }
    .content p {
    color: #139cc3;
    font-family:Arial;
    font-size: medium;
    }
    .content h1{
    color: #139cc3;
    font-family:Arial;
    }
    .main_container {
    border-top: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    padding: 0px 0px 20px 0;
    }
    #menu li.current_page_item a, #menu a:hover {
    color: #ffffff;
    font-size: medium;
    text-transform:lowercase;
    }

    #menu li a {
    position:relative;
    color:#ffffff;
    font-size: medium;
    text-transform:lowercase;
    }
    .header{
    overflow: hidden;
    background: #00bbe8;
    padding: 25px 0px;
    }

    h1.page_title{
    display: none;
    }
    .banner img {
    display: none;
    }
    .banner {
    margin-top: 0px;
    }
    .slider {
    margin-top: -20px;
    }
    .breadcrums {
    text-transform:lowercase;
    }
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Go to the Appearance -> Theme options -> Styling options -> Custom css and
    remove the following code from your custom css
    Code:
    .header{
    overflow: hidden;
    background: #00bbe8;
    padding: 25px 0px;
    }
    and paste the following code in your custom css

    Code:
    .header {
    height: 120px;
    background: #00bbe8;
    padding: 25px 0px;
    }
    This will solve your issue.

    Thanks.
     
  3. lieflifestyle

    lieflifestyle Guest

    Joined:
    Jan 21, 2013
    Messages:
    9
    Likes Received:
    0
    Wow :) It works, many thanks for the solution and also you're fast reply :)
     
Thread Status:
Not open for further replies.

Share This Page