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 Bar and Footer to shrink on smaller screens (mobile etc)

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.

This topic is: not resolved

Tagged: mobile css, NAV bar, shrink nav bar

This topic has 3 replies, 2 voices, and was last updated 12 years ago by Sridhar Katakam.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 22, 2014 at 3:25 am #86411

havsingh
Member

Hi all,

Does anyone know how I can get the nav bar and footer to shrink on smaller screens (iphone just shows a long bar and looks quite bad)?

Any help will be hugely appreciated!

Thank you
Hav
http://www.bollystreet.co.uk

January 22, 2014 at 5:53 am #86423

Sridhar Katakam
Participant

Remove the width declaration for .nav-primary and .site-footer in style.css.

Genesis Tutorials | Follow me on Twitter

January 22, 2014 at 2:01 pm #86517

havsingh
Member

Thanks for the reply, however, when i do that, it just extends my primary nav image across the entire screen, and when it shrinks to mobile size, it just stacks on top if each other and still looks pretty horrible.. any ideas?

thanks
Hav

January 22, 2014 at 8:28 pm #86575

Sridhar Katakam
Participant

http://sridharkatakam.com/links-tutorials-mobile-responsive-navigation-menus-genesis/

Genesis Tutorials | Follow me on Twitter
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.