Recent
Categories
View Replies (7)

Template Hayley - How to remove overlay effect on menu

  1. Issue
0
Votes
Undo
  1. BurtNL
    BurtNL
  3. Commercial Templates
  4. Tuesday, 16 October 2018
  5.  Subscribe via email
Hi, just bought the Hayley template, it is real nice.
Only thing I don't like is the overlay effect on the menu's, which dimms the page with some kind of overlay.
How can I remove that overlay effect?

Thanks in advance, Burt
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Burt

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

.hornav > ul > li::after {

    display: none;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
BurtNL
BurtNL
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran, for your swift and acurate answer, problem solved, great!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
hapepe
hapepe
Accepted Answer Pending Moderation
0
Votes
Undo
Template Hayley
How can I make the Main Menu sticky
  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
Hello

BY default this option is not available. May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and I will make this amendment for you. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
BurtNL
BurtNL
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

BY default this option is not available. May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and I will make this amendment for you. For our reference please paste a link to this post in your email.

Ciaran


Ciaran, could you please post the solution here also, I would like to know that too.
And it automatically creates some more documentation on these type of questions.
Thanks in advance, Burt
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

In your templates scripts.php (../templates/j51_hayley/inc/scripts.php) replace the following...

LINE 77 - 87

if($this->params->get('sticky_sw'))  {

    // Sticky Div

    $document->addScript('templates/'.$this->template.'/js/jquery.sticky.min.js', 'text/javascript', false, true);

    $document->addScriptDeclaration('

        jQuery(window).load(function(){

            jQuery(".header_main").sticky({ 

                topSpacing: 0

            });

        });

    ');

}


With..

if($this->params->get('sticky_sw'))  {

    // Sticky Div

    $document->addScript('templates/'.$this->template.'/js/jquery.sticky.min.js', 'text/javascript', false, true);

    $document->addScriptDeclaration('

        jQuery(window).load(function(){

            jQuery(".header_hornav").sticky({ 

                topSpacing: 0

            });

        });

    ');

    $document->addStyleDeclaration('

        .header_hornav {

        width: 100%;

    }');

}


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

In your templates scripts.php (../templates/j51_hayley/inc/scripts.php) replace the following...

LINE 77 - 87

if($this->params->get('sticky_sw'))  {

    // Sticky Div

    $document->addScript('templates/'.$this->template.'/js/jquery.sticky.min.js', 'text/javascript', false, true);

    $document->addScriptDeclaration('

        jQuery(window).load(function(){

            jQuery(".header_main").sticky({ 

                topSpacing: 0

            });

        });

    ');

}


With..

if($this->params->get('sticky_sw'))  {

    // Sticky Div

    $document->addScript('templates/'.$this->template.'/js/jquery.sticky.min.js', 'text/javascript', false, true);

    $document->addScriptDeclaration('

        jQuery(window).load(function(){

            jQuery(".header_hornav").sticky({ 

                topSpacing: 0

            });

        });

    ');

    $document->addStyleDeclaration('

        .header_hornav {

        width: 100%;

    }');

}


Ciaran



Thanks for posting this solution here Ciaran. I have tested the code and it works. Cool!
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


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