Support » Theme: Tiny Framework » How to change menu (mobile)

  • Resolved Goodwrk

    (@goodwrk)


    Hi,

    I need to change how mobile menu is displayed.

      I want it to fill not a full phone screen, but half of it.
      Also, I want menu to close when you click on some open website area

    How I can do this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    Then you will have to dig in the style.css, find Navigation section and play with it.

    Goodwrk

    (@goodwrk)

    Hi, I tried to look at navigation section,
    but couldn’t understand how to do this.
    Can you give some details at what should be
    added to css file?

    Theme Author Tomas Mackevicius

    (@tomasm)

    You do not need to add anything, just change color codes, like:

    /* Tip88 - Customize color scheme: Site Title and Description - can also be changed via Admin > Appearance > Customizer */
    .site-header .site-description a,
    .site-header .site-title a {
    	color: #515151;
    	display: inline-block;
    	text-decoration: none;
    }

    You would change just the #515151 part. Of course if you want to style them in different color, you might need to separate one of them:

    .site-header .site-title a {
    	color: #515151;
    	display: inline-block;
    	text-decoration: none;
    }

    As Tip states, you can also try changing colors from the customizer. You need to know CSS for all other work, otherwise you need theme that has more automation. This theme is made for those, who like to make changes using code.

    Goodwrk

    (@goodwrk)

    I was talking about this slide out.
    Slide out which fills the whole screen

    I want it to fill only half of the smartphone’s screen.

    Goodwrk

    (@goodwrk)

    Goodwrk

    (@goodwrk)

    Here is the link of screenshot.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change menu (mobile)’ is closed to new replies.