0
Welcome Guest! Login
0 items Join Now

Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

  • Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • make sure you recompile your css from the template page.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • JohnnyDement wrote:
      I'm doing something wrong, cause I can't see any change ^_^'

      JohnnyDement - If you need help then please post a link to your site. Yes, make sure you have compiled the CSS.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Josep M's Avatar
    • Josep M
    • Sr. Rocketeer
    • Posts: 127
    • Thanks: 0

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • johnnydement.com, still haven't done anything, out of the rocketlauncher ;)
      1. log through flashfxp and create custom.scss in templates/rt_callisto/custom/scss/
      2. Fill custom.scss with:
        header#g-header {
             left: 0px;
             position: fixed;
             right: 0px;
             top: 0px;
             z-index: 100;
        }
         
        section#g-navigation {
             left: 0px;
             position: fixed;
             right: 0px;
             top: 90px;
             z-index: 100;
        }
         
        section#g-showcase {
            padding-top: 140px;
        }
         
        .g-offcanvas-toggle {
             z-index: 110;
        }
      3. Log in backend, go to template manager, pick callisto-default and click the right button "recompile css", save styles, no result
      4. duplicate custom.scss as custom.css and try again, same result
      :/
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • I just signed into joomla admin - went to "base configuration" and pressed "recompile css" and now it's working.

      Regards, Mark.
    • Last Edit: 8 years 11 months ago by MrT.
    • The following users have thanked you: Josep M

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Josep M's Avatar
    • Josep M
    • Sr. Rocketeer
    • Posts: 127
    • Thanks: 0

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • you're right O.o ah ok, I was doing it in rt_callisto (default)

      Thx! ;)
    • edfel's Avatar
    • edfel
    • Elite Rocketeer
    • Posts: 584
    • Thanks: 0

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • HI:

      This works fine with home but I am having trouble with extensions like hwdmediashare, jomsocial, jvld and Core Joomla Questions and Asnwers. The top of the extension is not moved down (the padding just don't work) firebug shows content of extension all the way up. This happens even if I increase the padding.

      Thanks.
    • Last Edit: 8 years 11 months ago by edfel.
    • Apache 2.4.23 | PHP 7.0.10 | MySQL 5.5.50 | RHEL 6.8
      Joomla 3.6.2
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • edfel - Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you. Also, Please post your FTP logon, password and FTP URL in the secure area of your post.


      Regards, Mark.
    • Last Edit: 8 years 11 months ago by MrT.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • Hey! Here's something strange I noticed.

      I just downloaded the Callisto theme on my WAMP localhost and I'm messing around with some of the features. I wanted to make a fixed header and the CSS I got from this thread works well (the only change I made was adding position:fixed to the .g-offcanvas-toggle button in the upper left-hand corner). However, when I switch to a mobile device on Chrome's debugger tool and hit said menu button, the header seems to "un-fix" itself, and behave like I never added the CSS at all. How can I go about fixing this?

      Thanks!
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • I would need to see your site in order to be able to advise you - please get your site on the net (even if in offline mode).

      Regards, Mark.
    • The following users have thanked you: Michael

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • edfel's Avatar
    • edfel
    • Elite Rocketeer
    • Posts: 584
    • Thanks: 0

    Re: Creating a fixed header&navigation in Callisto (NEW AND UPDATED)

    Posted 8 years 11 months ago
    • This message contains only secure information that is visible to MrT, moderators and administrators
    • Last Edit: 8 years 11 months ago by edfel.
    • Apache 2.4.23 | PHP 7.0.10 | MySQL 5.5.50 | RHEL 6.8
      Joomla 3.6.2

Time to create page: 0.072 seconds