Question About Positioning of Various Elements Inside Top Nav

  • Hi everyone,

    I’d like to know how to move elements within the top nav around, such as moving (and removing) the menu, social media icons and tagline.

    My first question is, if I want to remove an element, do I delete it from the file or do I make it transparent? If transparent, can I know how to do it? Below are the codes for the tagline (site description):

    <h2 class=”span7 inside site-description”></h2>

    My second question is regarding positioning of the elements: If I want to make everything on my top nav to be on the same line (menu, social, etc all on same line), do I find the individual div and move its margin?

    For example, if I want to move my menu to be on the same line as my social, do I find the menu codes in my style.css and add a margin code to it? Below are the code I found relating to the menu, hope it’s correct.

    .tc-hover-menu.nav ul {
    top: 29px;
    }
    /* ie hack */

    .ie .tc-hover-menu.nav ul {
    top: 27px;
    }
    .tc-hover-menu.nav.nav li:hover > ul {
    display: block;
    }

    Please help point a newbie to the right direction! Thanks all ??

Viewing 3 replies - 1 through 3 (of 3 total)

  • To remove the tagline, put the following in your Custom CSS:

    h2.site-description {
        display:    none;
    }

    If you find it doesn’t work (mine doesn’t, don’t know why), put

    h2.site-description {
        display:    none !important;
    }

    For the second question. It’s complex… Customizr is built on the twitter bootstrap and you can’t easily move things around. If you really can’t live with the basic layout, you may be better looking at a different theme (though this is one of the best).

    As a newbie, take a look around here, here, here and here. Lots of newbie questions are answered there.

    Checkout the posts in this forum too. A tip for searching for what you want is in here.

    Thread Starter boba7523

    (@boba7523)

    I love everything about this theme except I’d love it even more if I could just have one line of top nav. I’m trying to achieve Apple’s look where its top nav is basically all on the same line with the logo inside.

    If there’s code snippets for the positioning of the social media icon, it should be possible to put all top menu items in one line, no?

    *Keeping my fingers crossed*

    That would be asking for some pretty major design changes to the theme. What you’re looking for is more like the “Tonic” theme. But it’s not as extendible as Customizr is.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Question About Positioning of Various Elements Inside Top Nav’ is closed to new replies.