Menu Bar

[tony.herstell]

I wanted to add "stuff" to the menu.

I used the showOnDesktop/showOnMobile to try to cope with the responsiveness.

The problem is that the menu has three states...

can you add in showOnMenuDesktop/ShowOnMenuTablet and ShowOnMenuMobile?

To see the current stuff-up (on my part):
http://www.dressageacademy.co.nz

Then shrink the browser down to when the menu "pops" to tablet size...

Cheers Guys.

[mert.sincan]

We use @media queries for Table, Mobile and Desktop Modes. Maybe, these queries can help to you for your responsive issues.

Code: Select all

/* MEDIA QUERIES **************************************************************************************************************** */
@media (min-width: 1201px) {
    
}

@media (min-width: 641px) {
    
}

@media (min-width: 641px) and (max-width: 1200px) {
    
}
  
/* Landscape phone to portrait tablet */
@media (max-width: 640px) {
	
}
 
/* Portrait phones and down */
@media (max-width: 480px) {
	
}

Also, I see a mistake on your site. "Dark Horse" image in menu isn't displayed correctly on slim menu(Tablet or slim mode on Desktop). Maybe, you can try;

Code: Select all

@media (min-width: 641px) and (max-width: 1200px) {
    #layout-menubar > div > img {
          height: 20px !important;
    }
}

[tony.herstell]

Thx for your support guys.

[mert.sincan]

You're welcome!