Single menu background not full width
Hi. I'm remaking an website I built with Atahualpa about 4 years ago and trying to make use of some of the responsive mods suggested on this forum since then. I'm having trouble with the menu background.
I'm trying to set a background which spans all the menu items but doesn't span the full width of the site. If I target the CSS at div#menu1 ul.rMenu li I get an individual background for each menu item (which doesn't look right because my design uses an inset box shadow around the menu as a whole, not the individual menu items). Instead, I've used div#menu1 ul.rMenu, but it spans the full width of the layout, unless I set a limiting width value (which causes problems on mobile devices, if fall back fonts are a different size, etc.) Website: www.cumbria-stone-walling.co.uk Current CSS: Code:
div#menu1 ul.rMenu { Thanks, Paul |
Can you provide an export of your Atahualpa settings (ATO->Export/Import) attach the file it creates.
Also do you want the menu background to only be the size of the menu? i.e. on a larg screen, the menu on;y covers a part of the width of the screen, is that how much the background color should cover? |
I've solved the issue of wrapping all menu items in a single background by using display: table; which negates the need to specify a width.
Code:
div#menu1 ul.rMenu { Code:
ul.rMenu-hor li, |
Hi. Yes the menu wanted to be the size of the menu only. I found a solution using display: table; which seems to work. Whether it's the best solution or just a work-around I don't know.
Some of the exported settings (attached) are redundant from my previous site. I didn't know about the export/import function then, and spent an age reassembling it from various notes I'd made! Cheers, Paul |
Well there if you have it working, then that is a solution! congratulations.
|
All times are GMT -6. The time now is 05:43 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.