Support » Theme: Fasto » how disable Fixed/Sticky Header on Scroll

  • mrpezzal

    (@mrpezzal)


    hi i really love this theme.. but may I know how to remove fixed/sticky header

Viewing 4 replies - 1 through 4 (of 4 total)
  • Nikonn

    (@nikonn)

    You can fix this only in the file styles, it is better to create a child theme and there to make changes. To change the sticky menu, you need to open the file /wp-content/themes/fasto/style. css in line 1167 find the value-position: sticky; and change its value-sticky to “static” or “unset”. So far, this is the only way to cancel the sticky menu.

    /* 6.Header */
    header#theme-header{
    	display:flex;
    	padding:22px 70px;
    	width:100%;
    	margin:0 auto;
    	z-index: 10;
    	position: relative;
    	border-radius:5px 5px 0 0;
    	justify-content:space-between;
    	position: unset;
    	top:0;
    	box-shadow: -1px 0px 16px 0px rgba(0, 0, 0, 0.07);
    }
    Nikonn

    (@nikonn)

    Another option is to add additional styles to the theme settings. Go to-Appearance-Customize-Additional styles. Enter this code –

    header#theme-header {position: static;}

    Nikonn

    (@nikonn)

    The only problem is that the menu doesn’t display on mobile devices.

    Nikonn

    (@nikonn)

    The final solution is to have a mobile menu, change the value – “sticky” to “inherit”. See the code below.

    header#theme-header {position: inherit;}

    • This reply was modified 2 months ago by Nikonn.
    • This reply was modified 2 months ago by Nikonn.
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.