ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
Template Modulus Logo Question
-
-
- Session Cloud
- Newbie
- Posts: 12
- Thanks: 0
-
Joomla Version: 1.7
Rocket Theme Extension Version: 1.6
Template: Modulus
File: template.css
Question: I would like to have my Logo appear on top and "hang over" the menu.
The current code related to the menu system is below.
--- Start ---
#rt-logo {
display: block;
height: 55px;
margin: 0;
position: relative;
width: 140px;
z-index: 1000;
}
--- Finish ---
Would the following code work propperly.
I am concerned about something else being in z-index: 1
--- Start ---
#rt-logo {
display: block;
height: 55px;
margin: 0;
position: fixed;
width: 140px;
z-index: 1;
}
--- Finish ---
I am actually looking for a template specific thread and I would like to appoligise if this is posted improperly. - Thanks
-
-
-
- Session Cloud
- Newbie
- Posts: 12
- Thanks: 0
-
-
-
- Session Cloud
- Newbie
- Posts: 12
- Thanks: 0
-
This is just a testing site ---
Thank you very much for taking the time. - Thanks
-
-
-
- Session Cloud
- Newbie
- Posts: 12
- Thanks: 0
-
Thanks. Im almost there... But it still doesnt look right.
FILE: template.css
Below are from lines 32 - 43 in the stylesheet.
Start
/* Logo */
#rt-header a#rt-logo {position: relative;top: 10px;z-index: 9999;}
.logo-block {margin: 0;padding: 0;}
.rt-grid-12 .logo-block {background: none;}
.centered #rt-logo {margin: 0 auto;}
/* Top */
#top-shadow {height: 5px;margin-bottom: -5px;position: relative;}
.fixedheader-1 #rt-top-surround {position: fixed;top: 0;width: 100%;z-index: 10000;}
/* Header */
#rt-header {position: relative; height: 55px;}
End
- Thanks
-
-
-
- Session Cloud
- Newbie
- Posts: 12
- Thanks: 0
-
Thanks again... yes... that’s exactly what I wanted
But….. the page doesn’t seem to be spaced right. (* if that’s the proper terminology )
The elements below seem to not be stacking correctly.
I just placed the code back to the default… to show the difference. - Thanks
-
-
-
- Session Cloud
- Newbie
- Posts: 12
- Thanks: 0
-
Thanks again ... very much..
I’m sorry I’m having an issue communicating this very simple CSS change..
Here are some screen shots of what I’m trying to say.
www.metrovisiontech.com/rt/
I am wondering if I make the image smaller perhaps the grey background ( where I wrote space ) would go back to its original spacing. - Thanks
-
Time to create page: 0.083 seconds