How to disable wp resizing nav bar into an icon

2 Views

I currently have a site http://rinique.com/, When the browser is resized to around mobile phone resolution, the nav bar automatically convert into a orange drop down list.

Is there anyway to disable this?

Read More

enter image description here

Post Views: 2

Related posts

Leave a Reply

1 comment

  1. Read about css media query and some advise/idea about your site:

    You have a css file here (layout.css) and this is responsible (also could be js file too) for showing things differently on different devices. Notice, @media only screen and (min-width: 768px) {...}, in this block you’ll find ul.nav, ul.nav li and suchlike things, these are actually a different style rules for handheld devices like, tablet, smart phones etc. So, if you want change the responsiveness of your site, you may alter these rules and check what happends after you’ve made a change.

    Also, in your general.js file here, you have

    // Responsive Navigation (switch top drop down for select)
jQuery('ul#top-nav').mobileMenu({
    switchWidth: 767,                   //width (in px to switch at)
    topOptionText: 'Select a page',     //first option text
    indentString: '   '  //string for indenting nested items
});

    I think this code is also doing something for the nav to be response according to device/screen size. So, that’s it, change and see, just play with these codes and see what you get but make sure to backup these before you make changes to these files and I personally like and would like to give you an advise that, your site is better with support for responsiveness and you should keep it as it is. So, think again before you revoke the feature (responsiveness) from your site.