Recent
Categories
View Replies (4)

Responsive Menu Options

  1. Issue
0
Votes
Undo
  1. bkamner
    bkamner
  3. Commercial Templates
  4. Friday, 20 January 2017
  5.  Subscribe via email
Hello,

we are using the Enterprise Template with a Menu implemented via your templates option.

The problem we are experiencing a slight issue with the displaying of the menu und different screen-widths.

is there a way to address custom css to the tablet-landscape view, because there is no such field in the responsive options - custom responsive css.

How could we address this issue? The site is live on http://it-kamner.de, a account could be given to you at any time you need it.

Greetings
Björn from It-Kamner
References
  1. http://www.it-kamner.de
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Björn

To apply styling to tablet landscape only you can add the following to the 'Custom CSS' field of your templates parameters (edit to taste)..

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) { 

    /* STYLES GO HERE */

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
sandra@bargholz.ch
sandra@bargholz.ch
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran

I am using the Enterprise template. I have set "No" for Responsive Layout, the template itself is no longer responsive. But the main menu disappears when the window is resized. I would like to have the normal menu and not the mobile one.

Thanks for your help.
Sandra
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Sandra

Would you have a URL to your site?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav {display: block !important;}

.hornavmenu {max-height: none !important;}

.slicknav_menu {display: none !important;}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!