• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Divine theme – secondary menu alignment issue with theme's social widget inline

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Divine theme – secondary menu alignment issue with theme's social widget inline

This topic is: resolved

Tagged: Divine, secondary menu

  • This topic has 4 replies, 2 voices, and was last updated 6 years, 7 months ago by micki.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 15, 2016 at 7:27 pm #194821
    micki
    Participant

    Hi, the Divine theme uses a social widget inline with the secondary menu. It is designed for simple social icons plugin. I am needing a Ravelry icon and sadly, simple social does not support this one. I am using a social icon plugin but it uses graphics for the icons. I cannot get the text links, in secondary menu, to line up centered with the graphics in widget. I have tried many css variations and am getting nowhere. Hoping someone here may know the trick to get this to work. Any help is greatly appreciated! Thanks!

    http://109.199.127.220/~pawsupha/fidalgoyarns.com/
    October 16, 2016 at 11:41 am #194852
    emasai
    Participant

    I presume you mean getting the shopping cart and item # to line up with the graphics. The menu is partially hiding the links anyway.

    .wpmenucart-display-standard {
        width: 80%;
        float: right;
        margin-top: 10px;
    }

    You may need to add !important but try without first.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 16, 2016 at 8:45 pm #194865
    micki
    Participant

    Hi and thank you so much for responding! Between the time I posted the above and the time you looked at the menu, I removed text links and added the cart plugin. If you have time, I have added back a text link which is not aligned. And interesting, with your suggested css, the cart icon/info is now to the left. I have left it in place for you to see.

    I do not know what you mean when you say "The menu is partially hiding the links anyway." It could see it in Chrome and Firefox, even if shrinking the browser windows to show a more mobile view.

    Again, thank you for your help!

    EDITED: Ok, I think I just figured it out!!!

    .nav-secondary .genesis-nav-menu .menu-item {
    margin-top: 10px;
    }

    And if I remove your css, it looks like the cart lines up correctly. So, if you can look, is the menu still partially hidden?

    October 18, 2016 at 5:33 pm #194993
    emasai
    Participant

    It looks good now.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 18, 2016 at 8:16 pm #195007
    micki
    Participant

    Thank you again for your help! This can be closed. Yahoo!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble