[Taparitas]

Hi Pratik,

Regretfully the code below did not give me the results I wanted….now I get “empty” menu boxes on both left and right ends…what I want is to limit the overall menu background color to the menu options only.

This is what I did and it works best:

#access {
width: 80.87%;
margin-left: 100px;}

For responsive design the menu width I get is too wide but still looks decent. I will add additional code to change the width of the menu to a smaller percentage for different viewport options.

Thanks for the time you took to look after my issue anyway.

Cheers!

Martin

[Taparitas]

Hi Pratik – I noticed that the page elements in the template changed their names; reason why my CSS was not able to commit.

I have updated the element names in my original CSS with good results.

The only thing I cannot fix is the extra white width space on the main menu, to the right of the option “Contact”

I was using auto for the total width (to ensure the width fits to the total width of the menu options) – it used to work before but not anymore….

This is the CSS code I currently have…

/* Controls total width of menu bar */
#site-header-menu {
width: auto;
margin-left: 100px;
}

Any sugestions to remove that extra white spcae?

The URL is http://www.comiendojuntos.com

Your help is appreciated.

Martin

[Author]

Posts