Hide a menu item in mobile view


Author Message
Bootfair

Posted: 10/7/2013
Quote message 

Hi,

I have a component that behaves bad on mobile view and I would like to hide the menu item for this component on mobile view.

Is there a way to achieve this at all with Artisteer 4.1 on Joomla 3.1.5?

Thanks
 
jrgweb

Posted: 10/7/2013
Quote message 

CSS should work. Do you have url?
 
Bootfair

Posted: 10/9/2013
Quote message 

CSS will probably work but I could not find the right syntax. The url for the development site is;
http://tassoul.your-sandbox.info
and I would like to hide shop//body nav item because it leads to hikashop and displays horrible on mobile view (Hikashop developers could not offer a solution).

Any advice will be much appreciated. Thanks
 
jrgweb

Posted: 10/9/2013
Quote message 

@Bootfair - Try this:

In template.css or template.responsive.css add this:

.responsive .item-171 {
display: none;
}

This should the menu item off when going into responsive mode. You can also use media query to turn elements on and off depending on screen size. So if you wanted to show the menu item in tablet mode and hide in phone mode it's possible.
 
Bootfair

Posted: 10/9/2013
Quote message 

Many thanks. It worked out of the box.

One more question would it be any interest to you to do paid work occasionaly? if yes could you let me know via email bootfair@gmail.com stating your hourly charges for joomla work. Thanks again