centric pro – changing to fixed menu

[Jess]

HI
I would like to know if i wanted to change the default menu for centric pro to a fixed menu only for tablet and mobile devices...would i be able to do that just with css or is it more complicated?
I need some ideas
thanks again again again

http://capsule.dev.ydesfemmesmtl.org

[Tom]

Salut raffa! I'm thinking you mean to continue to show your colourful menu options on tablets/phones instead of the 'hamburger' icon, which must be clicked to display the menu. If so, yes this can be done with CSS alone.

The existing CSS swaps the menu for the hamburger icon at 768 px. Stop this with this CSS:
(you may also want to adjust padding, etc. under ~600px)

@media only screen and (max-width: 768px) {

    #responsive-menu-icon {
        display: none;
    }

    .responsive-menu {
        display: block;
    }
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[mbsvendsen]

I too wish to change my menu.

However, I would like title area and the menu to simply disappear when scrolling down the page. Just like the rest of the site content does.

In other words, a menu that is neither fixed, nor responsive.

Thanks in advance for any pointers!

http://applyresearch.com

[Tom]

@mbsvendsen :

To make your Centric menu disappear when scrolling down the page, Find line 1044 in style.css and comment out or remove position: fixed;.

"Responsive" means responding to a viewport size with a layout appropriate for the device. This is a desirable feature for any website. If you mean only to eliminate the 'hamburger' menu as @raffa did, simply apply the code provided at the bottom of your style.css. (Or comment out/remove the code at lines 2346 through 2352.)

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts