Recent
Categories
View Replies (4)

Caitlin - header and logo in static position

  1. Issue
0
Votes
Undo
  1. Karoo
    Karoo
  3. Commercial Templates
  4. Friday, 05 January 2018
  5.  Subscribe via email
Morning

Please can you assist. The header image with logo move up on the linked pages. How do I make it remain?

This is what I have added in Custom CSS:

.container_header {
position: static !important;
}

Thank you
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your header?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Karoo
Karoo
Accepted Answer Pending Moderation
0
Votes
Undo
Yes certainly. I have attached an image to indicate which portion I would like to have static/fixed.

The url is http://solomonacademy.org.za/index.php/our-story/background

Thank you :)
Attachments (1)
Static-header.jpg Static-header.jpg
  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
Hello

In your templates scripts.php (../tempaltes/j51_caitlin/php/scripts.php) replace the following (line18)...

jQuery("#container_hornav").sticky({ topSpacing: 0 });


With

jQuery("#header_bg").sticky({ topSpacing: 0 });


And also add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)...

 #header_bg-sticky-wrapper {

    width: 100%;

    display: flex;

    justify-content: center;

}


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

Thank you for your help!!
  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!