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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok