SOLVED Fixed header
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
-
I need to fix the header (logo+menu) in a joomla3 gantry 4 with a basic rt-gantry template.
How to do please? - Last Edit: 6 years 2 months ago by mauro buffa.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
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.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
-
This message contains only secure information that is visible to MrT, moderators and administrators
- Last Edit: 6 years 2 months ago by mauro buffa.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
-
This message contains only secure information that is visible to mauro buffa, moderators and administrators
- Last Edit: 6 years 2 months ago by mauro buffa.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Use this code...
/* Desktop */ @media (min-width: 960px) and (max-width: 1199px) { #rt-header { position: fixed; left: 0; top: 0; right: 0; z-index: 100; background-color: #f5f5f5; } body { margin-top: 95px; } } /* Large Display */ @media (min-width: 1200px) { #rt-header { position: fixed; left: 0; top: 0; right: 0; z-index: 100; background-color: #f5f5f5; } body { margin-top: 95px; } }
This is how to create a custom CSS compatible with Gantry 4...
http://docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet
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.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
- Quickly solved as usual. Thankyou
- Last Edit: 6 years 2 months ago by mauro buffa.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
- Oh-oh... a black line remains at the top of the mainbody. How to do?
- Last Edit: 6 years 2 months ago by mauro buffa.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Where? I don't see it? Please do a screenshot of your problem and annotate to make it clear.
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.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
- i have setted header opacity to 0.5 so you can see the black line of body . scroll to see it please
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
When developing web sites it is useful to learn to use either, the Inspector in Firefox, Chrome Developer Tools in Chrome, or one of the other browser developer tools, they will save you hours on things like this and they're very easy to use.
Use this code...
header#rt-top-surround { box-shadow: none; border: none; } #rt-drawer { border: none; }
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.
-
Time to create page: 0.041 seconds