Media queries / Change compact menu width breakpoint

Home Forums Kumle Media queries / Change compact menu width breakpoint

This topic contains 3 replies, has 2 voices, and was last updated by  WP Capsules 2 months ago.

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

    Thibaud
    Participant

    Hi,

    I’m still playing with your theme and like it 😉

    As I’ve got a small numbers of menu entries, I’d like to keep the menu displaying each entries even in tablet screen. I’d like to set the width breakpoint below 768px.

    In the style.css sheet (media queries section), I’ve found this :

    @media screen and (max-width: 1050px) {

    /* Mean MEnu css */

    #main-nav {
    display: none;

    I’ve tested my page and the breakpoint to switch between normal and compact menu is aroung 1050px. I’ve change this value to 760px, save the style.css sheet and nothing changes on the page…

    Here is my testing page : https://roboticslessons.com/

    Could you help me to solve this?
    As I don’t like to change original style.css sheet, could I add an overwrite media queries in the additionnal css panel of wp?

    Thank you.

    Thibaud.

    #1782

    WP Capsules
    Keymaster

    Hi @thibaud

    You need to change style and javascript code for it.

    Please go to assets/js/custom.js and change meanScreenWidth: "1050", to your required value. After that change style.css and check the site.

    Hope it will work for you.

    #1783

    Thibaud
    Participant

    Hi,

    Works like a charm 😉 Thank you!

    Best regards.

    Thibaud.

    #1805

    WP Capsules
    Keymaster

    Hi @thibaud

    We are happy to help you. Feel free to contact us anytime if you need further help.

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

The topic ‘Media queries / Change compact menu width breakpoint’ is closed to new replies.