Can You Align Modules In The Navbar?

[Ricky Blunda]

Hello good people

 

Please check my website for reference: http://www.ra-rely.se/

 

As you can see, I currently have three visible modules in the navbar. However, they are not displayed on a single row. One is occupying the top row, while the other two are occupying the second row.

 

Is it possible to get them all on one single row?

 

[Paulito]

Hello

 

What about using:

 

.header_user_info a {margin-top: 52px;}

 

 

Result

 

http://screencast.com/t/O34JvihWaJ

 

 

Just a thought anyway

 

Paul

[Ricky Blunda]

Ok, thanks, I seem to have find info that this line should be present in blockuserinfo.css. I'll try it out!

 

Edit: preferably, Id like to minizime the field of the navigation bar to remove the empty 'row' or field. I guess there's a line for this too somewhere?

Edited February 20, 2016 by Ricky Blunda (see edit history)

[Ricky Blunda]

I found these lines in blockuserinfo.css and tried changing margin from 10 to 52, but it made no difference (even after clearing cache). Any ideas on other things I could try?

#header_user_info a {	display:inline-block;	margin:0 0 0 10px;	padding:3px 0 0 34px;	line-height: 11px;	border-left:1px solid #000

Edited February 20, 2016 by Ricky Blunda (see edit history)

[Paulito]

Hello

 

Try putting the code at the bottom of global.css and use the !important modifier

 

.header_user_info a {padding-top: 52px!important;}

 

.header_user_info {border-left: 0px!important;}          

 

.header_user_info {border-right: 0px!important;}

 

The 2nd and 3rd lines will remove the borders

 

Paul

[Ricky Blunda]

Ok, many thanks, that did the trick and moved the blockuserinfo module down a notch! Now it's sharing the same row as the cart and search module.

 

You couldnt happen to know how to make the height of the displaynav smaller, would you? It's working as is, but it would be neat if I could remove the "top row" empty field. Or is it perhaps the height of the blockuserinfo I need to change?

Edited February 20, 2016 by Ricky Blunda (see edit history)

[Paulito]

Hello again

 

Sorry, not sure what you mean !!

 

You want the Top Horizontal menu to move higher?

 

http://screencast.com/t/cOIjnDSNZEd0

 

Paul

[Ricky Blunda]

No, like this:

 

https://www.dropbox.com/s/9fzv78czg9eb33u/temp%20screenshot%20rarely%20edited.jpg?dl=0

Edited February 20, 2016 by Ricky Blunda (see edit history)

[Paulito]

Hello

 

Add this code to the bottom of global.css

 

header .nav {margin-top: -33px!important;}

 

Result

http://screencast.com/t/RxOWaHbuFRy

 

Change the -33px to whatever you want

 

Paul

[Ricky Blunda]

Genius! Solved! Cheers! Much obliged, mate.