Topbar menu css & logo spacing

  • Hello Britner,

    First I’d like to compliment you and Kadence Themes for all of the work you’ve done on the Virtue theme, (and) the ongoing support responses you offer (that some developers) do not!

    I’m designing a client site locally in Xampp, using the latest version of WordPress and Virtue 1.9.9.7 free theme and have gotten stuck in css which is my weak point. I’m recommending that the client purchase the Premium version.

    I’m trying to overcome these three issues right now:

    align all of the topbar menu links on one line
    reduce the padding below logo and above the slider
    and code the css so the topbar does not overlap the logo

    This is some custom css I have in place so far that I’ve seen used by other members here in the support forum:

    [class*=”wp-image”] {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}[class*=”wp-image”]:hover {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}
    .home-iconmenu a {
    max-width: 900px;
    margin: 0 auto;
    }
    #topbar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    }
    .topbarmenu ul li a {font-size: 15px;}
    .admin-bar #topbar {
    top:28px;
    }
    .headerclass {
    margin-top: 30px;
    }
    #nav-main ul.sf-menu a {
    padding: 10px;
    }

    And here is a screenshot that shows my problem:
    https://netmonkeys.net/development/virtue-css-issues.html

    Your help would would be greatly appreciated.

    Barry

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter NetMonkey

    (@headmonkey)

    Got it! I figured it out the top menu bar from another post using this css code:

    .kad-topbar-left {
    width:100%;
    }

    But I’d still like to reduce the padding below the logo.

    Barry

    Make the padding below logo in the theme options 0 to start. main page of the theme options.

    Then if you want more off let me know.

    Kadence Themes

    Thread Starter NetMonkey

    (@headmonkey)

    Kadence Themes,

    I figured out the css to reduce space between the bottom of the logo and top of the slider using code that you provided in another post:

    .contentclass {
    padding-top:15px;
    }

    I just upgraded to Virtue 2.0 yesterday and am using the latest WordPress version. Still strugling with the header coding, I’m trying to code the header into three sections with logo to the right, banner in the center and two icons or images with text right aligned like the mockup example jpg here:

    https://netmonkeys.net/development/virtue-theme-header.html

    Can I do this with css, or is this going to have to be an edit to header.php? I’m using a child theme, so copying header.php to the child theme folder and doing a hack wouldn’t be too difficult if I knew what/where to hack it. But I don’t.

    I managed to get my banner to display easily using the theme options, but it defaults to left aligned under the logo right now.

    I searched the support forum but it seems no one else has posted asking how to do this for their sites. Any coding help is (greatly) appreciated!

    Barry

    You would have to edit the header.php file.
    You can try putting your banner right after line 62

    Kadence Themes

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Topbar menu css & logo spacing’ is closed to new replies.