Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)
-   -   [SOLVED] How To Remove The Mobile Navigation Bar? (http://forum.bytesforall.com/showthread.php?t=19734)

marko Feb 26, 2013 08:48 AM

[SOLVED] How To Remove The Mobile Navigation Bar?
 
Hi,

I want to get rid of the mobile navigation bar how do go about doing it? as i want the icons to display on the mobile and ipad version of the site. And also floating it to the right next to the logo instead of having in centered after the logo.

Thanks

http://electrobusiness.co.uk

jerryc Feb 26, 2013 03:42 PM

I love the Lazyest Stylesheet. It has another great feature: Besides the regular stylesheet, it also has a mobile stylesheet for styles that you only want to use on mobile devices. That might do what you want.

marko Feb 28, 2013 02:11 AM

Quote:

Originally Posted by jerryc (Post 97147)
I love the Lazyest Stylesheet. It has another great feature: Besides the regular stylesheet, it also has a mobile stylesheet for styles that you only want to use on mobile devices. That might do what you want.

Hi Jerry,

Thanks for the reply but I'm looking for a more easier way in the original css code I want to minimise the plugins I use. Hopefully I will find it today If I do ill post it here if someone finds how to do it first will be much appreciated.

juggledad Feb 28, 2013 04:35 AM

if I usderstand the issue, the problem is with your image line after the breadcrumbs. as an experiment, remove that code and see what it looks like.

marko Mar 2, 2013 06:39 AM

Hi Juggledad,

Do you mean the image sidebar if that is what you mean i had the problem before i assigned the sidebar. I have now managed to hide the mobile navigation bar though but the problem is now it is centered on a different line I can't seem to get the menu on the same line as the logo on an ipad/mobile. Any suggestions?

juggledad Mar 2, 2013 08:26 AM

go to mto->export import - copy your settings to a TEXT file and attach them to a response

marko Mar 3, 2013 05:14 AM

Ok I solved the problem for those who have the same issue. first of all you go to menus_menu1_mobile.css then change

@media only screen and (max-width: 767px) {
/* Hide default menu */
ul#menu1,
a.rsslink,
img.avatar,
.post-categories i {
display: none;
<---- change this to block!
}

then after change

.menu1-mobile {
display: block; <------ change this to none
}

If you wish to put the menu navigation on the same line as the logo! go to layout.css and change

@media only screen and (max-width: 959px) {
#banner > div, #banner > nav {
float: none; <------ change to left
width: 100%; <------- change to auto
}
}

and thats is it your navigation bar should be aligned on the same line as the logo for ipad/mobile version of your site.


All times are GMT -6. The time now is 09:34 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.