Filling page menu bar 100% width
Hello,
I would like an 'empty' button at the right end of the page menu bar which fills the page horizontally 100%. To explain, here is how it looks now: http://www.onlinerealisatie.nl/pagemenu1.jpg I tried adding a background attribute to: echo '<div id="menu1" style="background: #EEEEEE;">'; in bfa_header_config, but then ofcourse the white space between the buttons is gone: http://www.onlinerealisatie.nl/pagemenu2.jpg Tried solving that with adding a white border to the buttons on the right side, but because of the space between the buttons this doesn't look nice: http://www.onlinerealisatie.nl/pagemenu3.jpg I am sure that what i'm doing is not very 'neat'. But it was getting very late and I was desperately looking for a quick solution. Hopefully some of you came up with, probably a much easier, solution. Thank you so much in advance. |
Why not also add a margin-right of 0 along with the border-right?
|
That doesn't change anything. Margin is already set to 0 in that part of the css.
div#menu1 ul.rMenu li a:link, div#menu1 ul.rMenu li a:hover, div#menu1 ul.rMenu li a:visited, div#menu1 ul.rMenu li a:active { border-right: 2px solid white; text-decoration: none; margin: 0; color: #<?php echo $bfa_ata['page_menu_bar_link_color']; ?>; text-transform: <?php echo $bfa_ata['page_menu_transform']; ?>; font: <?php echo $bfa_ata['page_menu_font']; ?>; Margin or padding or spacing must be arranged somewhere else but I can't find where... |
Take a look in ATO>Add HTML/CSS Inserts>CSS Inserts for items relating to menus. You may get some clues there.
|
Thanks so much, that's exactly where to find the issue.
Changed the following: /* Space between items of page menu bar */ div#menu1 ul.rMenu li { margin-right: 0px; (was set to 5px) |
So does the right border CSS work OK for you now?
|
Yes,
With: - Changing the background of the menu div in bfa_header_config - Adding a right border in css.php - Removing the right margin through ATO>Add HTML/CSS Inserts Thanks again. |
You shouldn't add CSS code to css.php or edit bfa_header_config. All of those menu changes can be done within the theme options. Besides the problem unknown issues when changing those files they will be overwritten when you upgrade Atahualpa.
|
All times are GMT -6. The time now is 05:45 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.