Any ideas Web Designers?


Status
Not open for further replies.
Stationery Direct

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

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.

Any ideas Web Designers?, , Website Coding & Programming Forum:
 
Last edited:
Levi

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

Paul Murray

Moderator
Staff member
#7
I'd probably still look at changing the mark up, just in case you want to add another link in future. Should be a 2 minute job.
 
Stationery Direct

Stationery Direct

Administrator
Staff member
#8
I'd probably still look at changing the mark up, just in case you want to add another link in future. Should be a 2 minute job.
Hi mate, just realised this didn't fix the issue in Chrome, how do I fix in 2 minutes? :LOL:
 
Paul Murray

Paul Murray

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

Any ideas Web Designers?, , Website Coding & Programming Forum:

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.

Any ideas Web Designers?, , Website Coding & Programming Forum:

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