Jump to content

PS 1.6.1.9, FIXED header Please


Recommended Posts

  • 4 months later...

im affraid that signe position:fixed style is not enough to build real fixed header.

 

iam running PS 1.6 x with customized base theme.

 

i fixed my header doing the following: the CSS settings are based on the Admin section header and eddit / placed in the frontend section.

(make backup before adding)

 

In themes/css/global.css:

 

in section :  header .nav {

add:
    width: 100%;
    padding-bottom: 0px;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0px;
    z-index: 1;
    background-color: #fff;
    border-bottom: #DFDFDF 1px solid;
    left: 0;
 

This will fixing your header on desktop and mobile site.

 

Then you should check the position of your shopping image and play arround with ( padding-top:  ) in the folowing section right below 

 

header .row #header_logo {
      padding-top: 45px; } (desktop position logo)
      @media (max-width: 992px) {
        header .row #header_logo {
          padding-top: 40px; } } ( Tabled position logo)
      @media (max-width: 767px) {
        header .row #header_logo {
          padding-top: 60px; }  ( Mobile phone position logo)
          header .row #header_logo img {
            margin: 0 auto; } }
 
When you did all correct you have the same as on our site, see example: https://www.dreammachine-radio.com
Edited by dmr-electronics (see edit history)
Link to comment
Share on other sites

  • 3 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...