Change Navbar hidden classes

  • Resolved ManoloMarfil

    (@manolomarfil)


    10 years ago

    Hi!
    I’m testing this theme at this website Sinapse and I would like remove “hidden-sm” class from navbar and add hidden-sm to mobile navbar class.

    I can do it in chrome’s inspector but i didn’t found how do it in header.php file.

    <nav role="navigation">
<?php ( $eo_options['nav_select_menu'] == "1" ) ? $collapse = '' : $collapse = ' collapse'; ?>
 <div class="navbar-collapse<?php echo $collapse . $nav_select_hide ?>">
<?php if( $eo_options['custom_nav_markup'] == "1" ) {
  eo_main_nav(); // Adjust using Menus in WordPress Admin

    Thank you and and I really like your theme.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author eminozlem

    (@eminozlem)

    to remove hidden-sm class from navbar in header.php around line 79

    <?php ( $eo_options['nav_select_menu'] == "1" ) ? $nav_select_hide = ' hidden-xs hidden-sm' : $nav_select_hide = ''; ?>

    you can simply remove hidden-sm so it says

    <?php ( $eo_options['nav_select_menu'] == "1" ) ? $nav_select_hide = ' hidden-sm' : $nav_select_hide = ''; ?>

    to add hidden-sm to mobile navbar class, in bootstrap-ultimate\inc\eo\theme-functions.php around line 93:

    'items_wrap' => '<div class="row eo-mobile-select-wrap hidden-md hidden-lg"><form action="#" class="mobile-select-form form-inline"><div class="form-group col-xs-10"><select id="%1$s" class="%2$s nav mobile-navbar-nav eo-mobile-select-nav form-control" name="eo-mobile-select-nav">%3$s</select></div><div class="form-group col-xs-2"><input type="submit" class="ms_gobut form-control" value="Go"></div></form></div>',

    to

    'items_wrap' => '<div class="row eo-mobile-select-wrap hidden sm hidden-md hidden-lg"><form action="#" class="mobile-select-form form-inline"><div class="form-group col-xs-10"><select id="%1$s" class="%2$s nav mobile-navbar-nav eo-mobile-select-nav form-control" name="eo-mobile-select-nav">%3$s</select></div><div class="form-group col-xs-2"><input type="submit" class="ms_gobut form-control" value="Go"></div></form></div>',

    Thread Starter ManoloMarfil

    (@manolomarfil)

    I did it and it works but, in the first case, the code is not like your code, it seems that have some php vars (sorry I’m newbie) Is cause this var could be configurated in the bootstrap UL config panel? my code is this:

    <?php ( $eo_options['nav_select_menu'] == "1" ) ? $collapse = '' : $collapse = ' collapse'; ?>

    And I have another cuestion. Is possible put the carousel module in homepage with a static page? I could not place any module with a static homepage but i can do it with last posts as homepage

    Theme Author eminozlem

    (@eminozlem)

    For the first one, I think you are looking at the wrong lines. You should look around line 79 right after that says <div class=”nav-container row”>.

    For the second one, “homepage” is different than a static “frontpage”; a frontpage is basically a page. So you can enable carousel on that page under carousel options for that page, like so:

    View post on imgur.com

    Thread Starter ManoloMarfil

    (@manolomarfil)

    Second point is resolved! ??

    The first one is working well and in the chrome’s inspector I can see that the changes are correct but i don’t have in my header.php the code that you mention.

    this is my code around line 79 and where I did the changes.

    original:
    <?php ( $eo_options['nav_select_menu'] == "1" ) ? $collapse = '' : $collapse = ' collapse'; ?>
    changed:

    <?php ( $eo_options['nav_select_menu'] == "1" ) ? $nav_select_hide = ' hidden-xs ' : $nav_select_hide = ''; ?>

    Anyway, it works!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Navbar hidden classes’ is closed to new replies.