WordPress.org

Forums

Customizr
[resolved] limit of menu in navbar to change to drop down menu (7 posts)

  1. iamacyclist
    Member
    Posted 1 year ago #

    Hi,
    Is there a way to change the "scaling/resizing " limit of the menu so that it is visible for a longer time when reducing the size.

    I have the navbar at 95% and when I reach about 800px (starting from 1680) the menu goes into a drop-down menu.

    If I set the navbar to 50% the menu is still in "desktop"style...

    any ideas to set this in CSS?

    thanks
    Daniel

  2. rdellconsulting
    Member
    Posted 1 year ago #

    Within blue.css (& other *.css) files at lines 7907-8043 is a line:
    @media (max-width: 979px)
    This is the breakpoint where the navbar collapses.

    But take care as the incremental effect of each change you're making may be difficult to keep track of and take you away from the core Theme.

    And remember, would keep a copy as Theme files will be replaced with each new update.

  3. iamacyclist
    Member
    Posted 1 year ago #

    thanks
    I am a noob on this... is there a way of doing reducing the max width in the custom CSS?

  4. rdellconsulting
    Member
    Posted 1 year ago #

    Not so easy, as the @media{} block contains differing css statements for different viewports eg widescreen, normal, tablet, smartphone + landscape/portrait options.

    What's in customizr is pretty much industry-standard, so my advice to a noob would be to stick with what's there and if you're interested, research the web for ideas on CSS in particular.

  5. iamacyclist
    Member
    Posted 1 year ago #

    Thanks.

    I'm fiddling with minor tweaks anyway and I was scaling the window while adding content and I did not see the reason for the menu to go into a drop-down menu that early.

  6. ElectricFeet
    Member
    Posted 1 year ago #

    The break point is between an iPad horizontal and an iPad vertical. It's cleaner that way on the iPad.

    This is a good site to see the effects on various devices.

  7. Seahawksean
    Member
    Posted 1 year ago #

    UGH!!! I thought I would find my answer here and the link provided by ElecticFeet. Alas, I did not.

    I don't want the responsive style menu.

    I've succeeded in making my website static at 1024px. At least all if it except the menu bar!! This is last thing I need to figure out and can then transfer it to the client's server.

    I've tried removing the <div class="navbar resp..."> and it's contents from the class-header-menu.php, I've added

    .navbar.resp {
       display: none !important;
    }
    .navbar.notresp {
       display: block !important;
    }

    to the media query (min-width: 320px) and (max-width: 979px). I think I've tried everything I could think of to add/remove from the css and php files but cannot figure out what controls the change of the menu from not responsive to responsive.

    Where in the ver 3.09 Customizr color css, or in what php file do I change this. Been hung up on this for over a day.

    Any help would be greatly appreciated. Thanx.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.