• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Any ideas Web Designers?


Status
Not open for further replies.

Stationery Direct

Administrator
Staff member
#1
Tearing what's left of my hair out here!

Can anyone shed any light on what part of my CSS controls the width of the nav at the top of www.ncrpads.co.uk, I added an extra link at the top which has pushed down contact onto the line below, but I cannot for the life of me see what I need to increase to get it all back up on 1 line!!

Any ideas?
 

Paul Murray

Moderator
Staff member
#2
You probably need to change the mark-up, it's the Bootstrap classed specified in the HTML dictating the width of the logo and menu.

Screen Shot 2018-04-12 at 14.09.26.png
 
Last edited:

Levi

Moderator
Staff member
#3
According to firefox inspector (press f12) it's under .menu li in the css side panel. Currently using 10px as padding and on my 1080p display it was able to fit with 8px.

You can find the bit you need to change in style.css on line number 408 :)
 

Paul Murray

Moderator
Staff member
#9
I'd change the large-# class used in the columns to these:

Screen Shot 2018-04-13 at 11.09.41.png

This basically makes the logo container 1/4 of the header width, and gives the nav the remaining 3/4.

Then in the CSS you'll need to comment out the max-width value for the logo so it doesn't look tiny.

Screen Shot 2018-04-13 at 11.13.02.png

That should do it, but obviously I haven't tested on other browsers :giggle:
 
Status
Not open for further replies.