WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] Top Menu - remove space for tagline & social icons (12 posts)

  1. scubakieran
    Member
    Posted 8 months ago #

    Hi everyone,

    Great theme! I've had a thorough look through this forum and can't find the answer to my question.

    Is there some CSS i can put in the 'Custom CSS' box to:

    1. Remove the space for the tagline (i don't want one)

    2. Remove the space for the social icons (i have them elsewhere)

    So basically i want to squash the top menu and get rid of the empty space.

    Many thanks

  2. Shalom
    Member
    Posted 8 months ago #

    I'm really wanting all of these changes as well. I'd like the menu to be more minimalist, so in addition to the above requests, I'd like to remove the drop-shadow around the menu. Can someone please provide some custom CSS to make these changes? Thanks so much!

  3. paulwpxp
    Font hero
    Posted 8 months ago #

    /* navbar site desc remove but keep it for SEO */
    .navbar-wrapper .navbar .site-description { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
    
    /* navbar social remove */
    .navbar-wrapper .navbar .social-block { display: none; }
    
    /* navbar adjust padding */
    .navbar-inner { padding-top: 16px; }
    .navbar.resp .navbar-inner { padding-bottom: 4px; }
    
    /* navbar remove gradient color */
    .navbar .navbar-inner { background-image: none; }
    
    /* navbar remove dropshadow */
    .navbar .navbar-inner { box-shadow: none; }
  4. ElectricFeet
    Member
    Posted 8 months ago #

    @paulwpxp Very instructive pieces of code for a CSS newbie. Thank you!

  5. malinoos
    Member
    Posted 8 months ago #

    Thanks @paulwpxp for that menu code!:-)

    Do you (or anyone else?:) maybe have a code for the menu that makes the menu(texts/categories) emanates from the right side of the page/header??

    Also i would like to create some dropdown menues,, do you now where i can find instructions for that?

    Incredibly grateful if you/anyone(!) would like to help me with this!

    Many thanks!

    //Malin

  6. paulwpxp
    Font hero
    Posted 8 months ago #

    @ElectricFeet, Thanks! hopefully it'd be useful for someones.

    @malinoos, To make dropdown, you only have to set it up correctly. See this guide.
    http://codex.wordpress.org/WordPress_Menu_User_Guide

    And for the "from the right" thing, please open a new ticket for it here.
    http://wordpress.org/support/theme/customizr

    Is your site RTL ? if so *maybe* the RTL stylesheet already does that, to be sure please check with the theme documentation.

  7. Shalom
    Member
    Posted 8 months ago #

    @paulwpxp - Thank you so much for the gift of that superhelpful custom CSS, which helped me get my site (http://stephanieand.shalomormsby.com/) right in the zone. You rock!

  8. malinoos
    Member
    Posted 8 months ago #

    Many thanks for your help! @paulwpxp

  9. scubakieran
    Member
    Posted 8 months ago #

    @paulwpxp Thanks very much for the code.

  10. dccharron
    Member
    Posted 5 months ago #

    @paulwpxp Many thanks for the CSS tweaks. I just discovered something. I used your first suggested change (to hide the tagline from view but leave it visible to search engines). It worked fine on full screen view (Chrome and Firefox) but when I changed to "restore down" view on my browser, as I reduced the size of the browser window to the size where the menu becomes a pull-down list (icon with lines in it) the tagline re-appeared. It was also happening on my Android phone (older gingerbread model). So I added Dave Bardell's tweak to remove the tagline on mobile phones and it fixed the problem. Here's Dave Bardell's tweak (thanks Dave):
    <pre class="lang:css">
    /* Remove the Tagline on Mobile */
    @media (max-width: 978px) {
    h2.site-description {
    display: none;
    }
    }

  11. dccharron
    Member
    Posted 5 months ago #

    Woops. My PRE didn't work. Here's Dave's tweak without the PRE tag:

    /* Remove the Tagline on Mobile */
    @media (max-width: 978px) {
    h2.site-description {
    display: none;
    }
    }

  12. paulwpxp
    Font hero
    Posted 5 months ago #

    @dccharron Thanks for the update. I must have missed that, or theme might have been updated, it's been 3 months.

Reply

You must log in to post.

About this Theme

About this Topic