How to place secondary navigation menu above the logo

  • Resolved fastfasterfastest

    (@fastfasterfastest)


    9 years, 11 months ago

    I am using the Virtue theme 2.3.2, the free version, and am planning to use no topbar navigation, no primary navigation menu but a secondary navigation menu.

    What would be the best way to place the logo below the secondary navigation menu?

    I think I may be able to accomplish it with custom css and:

    1. increase margin-top on the logo div (or row, or container) to “push” it down, and
    2. use a negative margin-bottom on the logo div (or row, or container) to cause the secondary navigation menu to appear “higher up”, and
    3. increase margin-bottom on the secondary navigation menu so content, etc., that “follows” appear below the logo

    But, since I am rather new to both WordPress and the Virtue theme, I don’t know if this will work, and/or there are any drawbacks.

    Perhaps, it is better to create a child-theme and (somehow) get the secondary navigation menu to be rendered prior to the logo? If so, how would I do that in/with Virtue?

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

  • Hey,
    If you want to do this I would strongly advise using a child theme and overriding the templates/header.php file. Then you would need to move lines 93-102 up to go in-between lines 48 and 49.

    Kadence Themes

    Thread Starter fastfasterfastest

    (@fastfasterfastest)

    Thanks.
    Although the margin approach seemed to “work”, I followed your advice, backed it out and created a child theme, copied the templates/header.php and modified it. And that works as well.

    Now with a child theme in place, I can move the Custom CSS I had specified in Advanced Settings into the stylesheet of the child theme instead.

    Question: when I created the child theme, it seems like the settings I had specified in Theme Options “carried over” – is that right? I think I may have read somewhere that one may have to export the settings before activating the child theme and then importing them after the child is active. Although I don’t know if all the settings carried over, most of them seemed to at least.
    I did have to re-save the secondary navigation menu settings, though, but I guess that is a WordPress thingie, not a Virtue thing.

    Yeah the theme options would carry over to the child theme.
    As for the assigned menus and widgets wordpress saves that data in a theme specific database entry so when you switch to a child theme that creates a new entry.

    Kadence Themes

    Thread Starter fastfasterfastest

    (@fastfasterfastest)

    Thanks!

    By the way, I noticed Virtue 2.3.3 generates slightly incorrect css if you specify a “Body Background” image but do not specify an item for “Fixed or scroll” – then the following is generated (note the invalid/missing value for background-attachment):
    body {background: url(some-url) center top; background-attachment:;}

    Thanks for the heads up. I’ll have it default to scroll if the user doesn’t specify.

    Kadence Themes

    Thread Starter fastfasterfastest

    (@fastfasterfastest)

    Or, why not omitting the background-attachment if it is not specified (similarly how you omit the repeat and placement options if they are not specified) and simply generate:
    body {background: url(some-url);}

    it doesn’t really matter I can do it that way. Scroll is the default background attachment selection anyway whether you write the css or not, the option is more about the fixed option.

    Kadence Themes

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to place secondary navigation menu above the logo’ is closed to new replies.