centric pro – changing to fixed menu

Community Forums Forums General Discussion centric pro – changing to fixed menu

This topic is: not resolved

This topic contains 3 replies, has 3 voices, and was last updated by  Tom 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #95811

    raffa
    Participant
    Post count: 5

    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
    #96055

    Tom
    Participant
    Post count: 871

    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 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #98610

    mbsvendsen
    Member
    Post count: 4

    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

    #98626

    Tom
    Participant
    Post count: 871

    @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 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

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

You must be logged in to reply to this topic.