Livemesh Support

Support forum for WordPress Themes and Plugins by LiveMesh

Skip to content
  • Support Forums
  • Knowledge Base – FAQ
  • Inbox
  • Register for Support
  • Login
  • Logout
  • Password Reset
  • Account
  • User

Menu Logo Padding?

Support Forums for LiveMesh Themes & Plugins › Forums › Agile Theme Support › Menu Logo Padding?

Tagged: header, logo, menu, padding

  • This topic has 8 replies, 2 voices, and was last updated 10 years ago by CTLblended.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 10, 2015 at 4:40 pm #14606
    CTLblended
    Member

    Hi,
    I’ve been playing with your theme and I really like it! Very functional and looks great.
    I want my top menu to look like the image “menu sticky” that I’m attaching on this post. I played around with costume CSS, and I can get the menu options to look like that. But once I upload my logo, it goes back as you can see in the “menu top” image, no matter how small the image is. I also played with the Developers Tool, and it seems it doesn’t have padding, so I think this goes beyond my current tech skills. Could you please help me?
    My website is blendedualberta.ca
    Thanks!

    June 11, 2015 at 5:26 am #14613
    Veena
    Moderator

    Can you pls upload the exact sitelogo (as in the screenshot)?

    June 11, 2015 at 8:06 pm #14646
    CTLblended
    Member
    This reply has been marked as private.
    June 12, 2015 at 6:51 am #14654
    Veena
    Moderator

    Sorry for the confusion. Actually i requested you to upload the exact site-logo in your site instead of uploading here so that we will be able to suggest exact custom CSS.

    June 12, 2015 at 3:51 pm #14674
    CTLblended
    Member

    Sorry! Done 🙂

    June 13, 2015 at 5:18 am #14678
    Veena
    Moderator

    Pls use the below custom CSS in themeoptions –

    #site-logo {
      top: 25px;
    }
    #primary-menu > ul.menu > li > a {
      padding: 0 20px 0;
    }
    
    June 15, 2015 at 7:30 pm #14700
    CTLblended
    Member

    hi. thank you so much for your help! perhaps my description wasn’t clear enough. i’m attaching two screenshots again: NormalM is how it looks right now, i would like to know if i can remove the parts highlighted in green? i want it to look like the sticky menu –StickyM.png– all the time. can this be done? thanks!

    June 16, 2015 at 8:30 am #14707
    Veena
    Moderator

    Pls use the below custom CSS in themeoptions –

    #primary-menu > ul.menu > li > a {
      line-height: 50px;
    }
    #primary-menu > ul.menu > li > ul.sub-menu {
      top: 50px;
    }
    #site-logo {
      top: 0;
    }
    .sticky-wrapper {
      height: auto !important;
    }
    #header > .inner > .wrap {
      min-height: 0;
    }
    
    June 16, 2015 at 3:13 pm #14713
    CTLblended
    Member

    Thank you so much!! 🙂

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Menu Logo Padding?’ is closed to new replies.

Our Themes

Tags

  • agile
  • appdev
  • austin
  • blog
  • contact form
  • css
  • demo
  • error
  • extinct
  • font
  • fonts
  • footer
  • gallery
  • header
  • home page
  • icons
  • images
  • install
  • installation
  • invent
  • lightbox
  • logo
  • menu
  • mobile
  • navigation
  • page sections
  • peak
  • portfolio
  • primary menu
  • responsive
  • revolution slider
  • setup
  • shortcode
  • shortcodes
  • sidebar
  • slider
  • social icons
  • tabs
  • testimonials
  • theme
  • update
  • video
  • visual composer
  • widget
  • woocommerce
Proudly powered by WordPress