Sticky menu instead of regular menu

[degecreation]

I would like to know how to make that my sticky menu always displayed on all pages, instead of the regular menu. How can i make this? Thanks in advance.

[Veena]

Pls try to modify file js/main.js line no: 44 from

if (width > 768 && (yPos > 200)) {

to

if (width > 768) {

And then add the below custom CSS in themeoptions –

#header{
display: none;
}
#primary-menu {
    display: none;
}
#sticky-menu-container {
    display: block;
}
@media only screen and (max-width: 767px){
#sticky-menu-container {
    display: none !important;
}
#header{
display: block !important
}}

[degecreation]

Yes, it works great! Thanks for fast reply.

One more question. I use portfolio and I would like to have the sidebar on the left side in the detailed pages. How can I do this?

[Veena]

Pls try the below custom CSS in themeoptions and see if it helps –

.single-portfolio .entry-content.ninecol {
    float: right;
    margin-right: 0;
}

[degecreation]

This reply has been marked as private.

[Veena]

This reply has been marked as private.

[degecreation]

Thanks!

Three more thing. I would like to have a retina version of my logo for the sticky menu. How can I do this?

Also, how can I put less space after my Dégé logo on mobile version? (because I don’t use the social logos). And finally, how to set the testimonials slider for staying more time on each slide?

[Veena]

Pls try to modify the function mo_site_logo() in framework/presentation/utility-functions.php line number 21. Output a custom retina logo img element there at the end of the function –

$output .= '';

and then use custom CSS –

#site-logo a img.retina-logo { display: none; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #site-logo a img.retina-logo { display: block; }
    #site-logo a img{ display: none; }
}

You can also refer to some help on the net.

[Author]

Posts