Varshil

Hi,

Change the max-width css from 650px, 1000px, etc… to 100%.

Hi,
To remove that gap you can make changes in the below css:

FROM
.mainmenu-wrapper.stricky-fixed {
top: 32px;
}

TO

.mainmenu-wrapper.stricky-fixed {
top: 0;
}

• This reply was modified 2 years, 6 months ago by Varshil.
• This reply was modified 2 years, 6 months ago by Varshil.

Hi,

You can achieve this by applying the below js:

jQuery(window).on("scroll", function() {
        if(jQuery(window).scrollTop() < 50) {
            jQuery(".stricky").removeClass("stricky-fixed");
        }
});

This will work as when you scroll down your menu sticks to the top and when your page reach to the top of the section your menu will again automatically adjust at its current position.

You don’t need to download that. Simply use the script in the header as you have used it for the Roboto fonts. Adding the script will load the fonts automatically.

Hello,

I think Black Ops One fonts are the google fonts and you have not use the script of those fonts, that is why it is automatically loading the fallback fonts which is “comic sans” or “cursive” which is system fonts.

Try adding the script of Black Ops One fonts.

Hi,
You can write the below code in your css file

Replace the code
#rmp_menu_trigger-1223 {
display: block;
}

With
#rmp_menu_trigger-1223 {
display: none;
}

———-

and after that write below new code in your css file

@media screen and (max-width: 991px){
#rmp_menu_trigger-1223 {
display: block;
}

.site-header-primary-section-right{
display: none;
}
}

Hi
You can Simply do this with the CSS. For screen Size 992 and larger, you can set display: none to hamburger menu and for the screen Size lesser than 992, you can make hamburger to display: block and main menu to display: none.