1. ticmic
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 14 June 2015
  5.  Subscribe via email
I asked how to fix the menu on the renovate template, I was told to add this to the custom css:

#container_header, #container_hornav {
position: fixed;
}


When I do the menu disappears.

If I do it on the enlighten template it works fine.

Any suggestions please

Cheers

Nigel
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nigel

Would you have a URL to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
http://www.westernsafetycorp.com/hosted/booking/

Also can you advise me how I can make the showcase container start at the bottom of the header and not behind it, as you can see from the site my HTML5 banner is not showing fully

Cheers

Nigel
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nigel

To move your slideshow module try adding the following to the Custom CSS field of your templates parameters...


#container_slideshow {
top: 127px;
position: relative;
}


*EDITED*.. Are you having the menu issue on a particular browser? We are unable to replicate the issue in Firefox.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán

Just checked it works in Firefox, but not Chrome or Safari, also once I put the code in to move the Slideshow down, the page becomes corrupt

Cheers

Nigel
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Ah I see.. thank you.

To amend try also adding the following to your Custom CSS field...


#container_hornav {
z-index: 15;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Ok, that has sorted the menu but the page is still corrupt
http://westernsafetycorp.com/hosted/booking

Nigel
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nigel

To resolve try changing the suggested CSS to move the slideshow down to the following....


#container_slideshow {
position: relative;
top: 127px;
margin-bottom: 127px;
}


The bottom margin creates a gap for the slideshow to be moved in to which should resolve your issue.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
After putting all these into the custom css when the screen is made smaller and the mobile menu comes into action it shows but does not function

http://freedhome.ticmic.com/

Cheers

Nigel
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nigel

A slight z-index issue. To resolve try adding the following to your Custom CSS field...


.slicknav_menu {
z-index: 20;
position: relative;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


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

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.