Genesis Geek

Genesis child theme tutorials

  • Home
  • Why DWB?
  • Videos

Navbar styling basics

August 26, 2015 By Philip Gledhill

There are three navigation bars in Dynamik Website Builder. You can put a custom menu in the Header Right widget area. And there are also primary and secondary menus.

  • Each nav bar is called Main.
  • The drop down links or buttons are called Sub.
  • And the link text for individual links is called Individual.

The three navigation bars are styled independently. So you can have a blue Primary navbar and a green secondary navbar etc.

This video covers Navbar styling basics in Dynamik Website Builder, a Genesis child theme.

To find the point and click styling settings for the nav bars go to…

  • WordPress Dashboard → Genesis → Dynamik Design
  • Then click the Nav, Sub nav or Header nav tab.
  • You can style things like…
  • The navbar background, hover and active colours
  • The border above and below the navbars
  • The dropdown link colours
  • The font family, size and colour etc

The primary and secondary navbars can be positioned above or below the header. And you can also set the navbar and button background to image, colour or transparent.

Filed Under: Video Tutorials Tagged With: Navbar styling basics

Dynamik Skins

ipad-skin-sidebar

See 12 good looking starter skins...

See the skins

Dynamik Website Builder needs the Genesis Framework to run.

The Genesis Framework

Some of the links on this website are “affiliate links.” This means if you click on the link AND purchase the item, I will receive an affiliate commission. However, I only recommend products I use myself and genuinely believe will be useful to others (honest :-)

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis and StudioPress are registered trademarks of their respective owners.