Any ideas Web Designers?


Status
Not open for further replies.
Stationery Direct

Stationery Direct

Administrator
Staff member
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
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

Levi

Moderator
Staff member
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 :)
 
Stationery Direct

Stationery Direct

Administrator
Staff member
Easy when you know how, thanks so much guys ;)
 
Paul Murray

Paul Murray

Moderator
Staff member
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
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
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:
 
Stationery Direct

Stationery Direct

Administrator
Staff member
Took me longer than 2 minutes lol but worked a treat, thanks mate (y)
 
Status
Not open for further replies.
Top