Home Forums Pro Themes Education Hub Pro New theme version breaks my existing CSS

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #151101
    Neil Anderson
    Participant

    My live site is at https://study-ccna.com
    It is running the old Education Hub version 1.9.7
    The side menu on the left hand side works, you can expand the main menu items.

    I’ve installed a staging site at https://wordpress-603168-1953238.cloudwaysapps.com/
    I have upgraded the theme to the current Education Hub Pro version 3.5
    The side menu on the left hand side does not work, you can’t expand the main menu items – when you click on them the sub-items are not shown.
    This is the case with both Education Hub Pro version 3.5 and Education Hub version 2.3

    Something in the current version of the theme is breaking my CSS which is applied to the left hand menu. Please let me know what I need to do to fix this. Thanks!

    This is my CSS:

    .single .byline {
    display: none;
    }
    
    .entry-meta{
    display: none;
    }
    
    .cat-links {
    display: none;
    }
    
    .tags-links {
    display: none;
    }
    
    .vcard{
    	display: none;
    	
    }
    
    .sidenav {
      height: 100%;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: white;
      overflow-x: hidden;
      padding-top: 16px;
    }
    
    /* Style the sidenav links and the dropdown button */
    .sidenav a{
      padding: 6px 0px 0px 0px;
      text-decoration: none;
      font-size: 16px;
      color: #294a70;
      border: none;
      background: none;
      width: 100%;
      text-align: left;
      cursor: pointer;
      outline: none;
    }
    
    .dropdown-btn {
      padding: 5px 5px 5px 5px;
      text-decoration: none;
      font-size: 16px;
      color: white;
      border: none;
      background: #294a70;
      width: 100%;
      text-align: left;
      cursor: pointer;
      outline: none;
    }
    
    /* On mouse-over 
    .sidenav a:hover, .dropdown-btn:hover {
      color: #6081a7;
    }
    */
    
    /* Add an active class to the active dropdown button
    .active {
      background-color: white;
      color: #6081a7;
    }
     */
    /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
    .dropdown-container {
      display: none;
      background-color: white;
      padding-left: 8px;
    }
    
    /* Optional: Style the caret down icon */
    .fa-caret-down {
      float: right;
      padding-right: 8px;
    }
    
    /* Some media queries for responsiveness */
    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
    }
    #151275
    Psink
    Keymaster

    Hello Neil

    Cheers, you have managed to fix the issue.

    If you have any issue please let us know

    Regards,

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.