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

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.

Originally Posted by jerryc

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.

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.

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?

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

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.