Skip to content
GeneratePress
  • Home
  • Premium
  • Site Library
  • Install
  • Help
    • Documentation
    • Support Forum
    • Contact
  • Log In
GeneratePress
  • Home
  • Premium
  • Site Library
  • Install
  • Help
    • Documentation
    • Support Forum
    • Contact
  • Log In
  • Log In
  • Free Support

[Resolved] Sticky Logo, left align?

Home › Forums › Support › Sticky Logo, left align?

  • This topic has 6 replies, 3 voices, and was last updated 4 years ago by Tom.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 22, 2017 at 1:33 am #282278
    Grant

    Hi,

    On my site: http://staging-newest-tri.transitiongraphics.co.uk.

    I have implemented a sticky menu, the logo within floats in the centre, although the styling suggests it should float left? Which is what I am trying to achieve.

    How can I get the logo to sit left?

    Screen shot of issue

    GeneratePress 1.3.44
    February 22, 2017 at 7:58 am #282456
    Leo
    Staff
    Customer Support

    Hi Grant,

    Are you referring to the logo not sitting against the left side of the container?

    That’s because you have this CSS added:

    .site-logo img {
        width: 320px;
        height: 70px
    }

    I assume that’s for the non sticky navigation logo? If so try changing it to this to exclude sticky navigation logo:

    .inside-hearder .site-logo img {
        width: 320px;
        height: 70px
    }

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/

    February 22, 2017 at 9:55 am #282520
    Grant

    Hi,

    Thanks for the reply.

    .site-logo img is for the main site logo, it’s a svg and if the size isn’t defined, is does not display.

    I have change my sticky logo (also a svg) css to what you suggested, but it has no effect?

    February 22, 2017 at 10:43 am #282540
    Leo
    Staff
    Customer Support

    ahh I see. What about defining a width for the sticky logo like this?

    .sticky-logo {
        width: 200px;
    }

    It’s currently set at 320px as the normal navigation logo which is why there is space on the left side.

    Let me know.

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/

    February 22, 2017 at 11:26 am #282560
    Tom
    Lead Developer
    Lead Developer

    Does the image itself have that spacing on either side of the logo? If so, you might need to cut out that extra space.

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/
    Ongoing Development: https://generatepress.com/ongoing-development

    February 22, 2017 at 11:52 am #282595
    Grant

    Thanks for the help both. The issue was that I had defined the size on the wrong class.

    Class should have been .sticky-logo as suggested by Leo.

    Tom, Just wanted to say how much I’m enjoying GeneratePress, it’s incredibly intuitive…

    February 22, 2017 at 11:59 am #282599
    Tom
    Lead Developer
    Lead Developer

    Great to hear, thank you! 🙂

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/
    Ongoing Development: https://generatepress.com/ongoing-development

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Log In

Common Issues

  • Missing style.css
  • Updating errors
  • Plugin Install Failed

Useful Articles

  • Installing GP Premium
  • Installing GeneratePress
  • How to add CSS
  • How to add PHP

GeneratePress

  • About
  • Premium
  • Site Library
  • Gutenberg
  • Affiliates
  • Reviews
  • Brand Assets
  • Blog
  • We’re Hiring!

Support

  • Documentation
  • Contact Us
  • Support Forums
  • Fastest WordPress Theme
  • Changelogs
  • Legal
  • Donate
  • Translate

Popular FAQs

  • Install GeneratePress
  • Installing GP Premium
  • Missing style.css
  • Plugin Install Failed
  • Adding CSS
  • Adding PHP
  • WordPress Hosting

Social

  • Facebook
  • Twitter
  • WordPress
  • GitHub
Made with on Vancouver Island
  • Home
  • Premium
  • Site Library
  • Install
  • Contact
  • Support Forum
  • Documentation
  • Account
  • Checkout