generalexperts Posted January 30, 2014 Share Posted January 30, 2014 I just made my header fixed. As you can see the margin below the horizontal menu bar (white space) cuts off the top of my page. How do I change that? Also I would like to tighten everything up so everything is not so spread out, it currently takes up so much space on my page. ...........LOGO ......................................................... ACCOUNT LOGIN.......CART..... ...........LOGO..........................................................SOCIAL MEDIA BUTTON........... ..........MENU BAR ..................................SEARCH BAR IN MENU.............................. Here's an image of what I have now. Please check it out. Any help is appreciated!! Link to comment Share on other sites More sharing options...
vekia Posted January 30, 2014 Share Posted January 30, 2014 any chance to get url of your website? it will be much easier to say what you have to change Link to comment Share on other sites More sharing options...
generalexperts Posted January 31, 2014 Author Share Posted January 31, 2014 (edited) Sorry I thought you would pick it up in the top left of the image. thanks Edited April 21, 2014 by generalexperts (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted January 31, 2014 Share Posted January 31, 2014 oh.. so sorry, i remember your website now. i feel cheap to ask for url all the time, i'm active forum member and i can't remember each url. hope that you understand it im going to verify your website now! Link to comment Share on other sites More sharing options...
generalexperts Posted January 31, 2014 Author Share Posted January 31, 2014 Hey, it's no problem! I appreciate your help! Link to comment Share on other sites More sharing options...
vekia Posted January 31, 2014 Share Posted January 31, 2014 something like this: Link to comment Share on other sites More sharing options...
generalexperts Posted January 31, 2014 Author Share Posted January 31, 2014 Im looking for something like this. It would stay in the center like it is now. Wide enough to align with all the other content below. I am trying to add a background image/color for the sides (and having the center and columns be a solid color). But looking for a slick design like this below. If you notice I have some social media buttons on my site. i have HTML module, I'd like to be able to move that up into the header. Not 100% necessary, but it would be nice. I don't need the contact us|sitemap|bookmark that is at the top. Is it simpler to start with, how to make the header shorter, then move onto moving things around or move things around first? Thank you! Link to comment Share on other sites More sharing options...
generalexperts Posted February 5, 2014 Author Share Posted February 5, 2014 Anyone able to help me on this topic? Link to comment Share on other sites More sharing options...
vekia Posted February 6, 2014 Share Posted February 6, 2014 no one will create modificaiton like you pasted above, it's necessary to change a lot of things, so if i were you i will post this thread in job offers section Link to comment Share on other sites More sharing options...
generalexperts Posted February 6, 2014 Author Share Posted February 6, 2014 (edited) I'm sure lots of other people would like to know how to make more modifications to their header. I've made some progress on mine but still need more assistance on a few simple steps... For the people looking to modify their header without hiring someone to do it, this will help you get started. First get Firebug (plugin to Firefox) so you can look at the code so you can make changes and see what it looks like. If you want to get rid of the links above like Sitemap, bookmark and contact, go to the permanentlinks block and you can remove them. Or you can go to the blockpermanentlinks.css file and modify them there. Next go to your themes/shop and modify the header.tpl. This allows you to make changes to the margins. If you made your header fixed you will need to make modifications here. To make changes to the search bar go to the blocktopmenu module and edit the superfish-modified.css. Again use firebug to help you play with the code to figure out what you want. To change the "Login/register" go to your modules and edit the blockuserinfo.css. You can move its location and change what you need, ie font, color, etc... Edited February 6, 2014 by generalexperts (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now