StudioPress

Forum navigation

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

Nav Items in Modern Studio Pro Theme

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Nav Items in Modern Studio Pro Theme

This topic is: not resolved

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 26, 2015 at 4:36 pm #157622
    laudeamus
    Member

    Hi everyone,

    What CSS code can I use to space out the navigation bar items in the Modern Studio Pro theme? I only have 4 items there and need it to look nice.

    Thanks!

    http://www.klavier-unterricht-wien.at
    June 27, 2015 at 11:26 am #157685
    aureliendebord
    Member

    Hey laudeamus,

    Take a look at you css file line 2026 and try :


    @media     only screen and (min-width: 1100px)
    .genesis-nav-menu a {
    padding: 29px 60px;
    }

    It will make a bigger spacing between the nav items.

    Agence web Debord, building websites in France.

    June 28, 2015 at 5:29 am #157724
    laudeamus
    Member

    Super! That worked.

    What does "@media" stand for and why is it separate from the other ".genesis-nav-menu a" found under "/* Site Navigation"?

    Sorry for a newbie question!

    Thanks!

    June 28, 2015 at 12:39 pm #157758
    aureliendebord
    Member

    This specifies this setting is made for 1100px-wide screen. Responsiveness stuff 🙂

    Agence web Debord, building websites in France.

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