How can I remove the border from the active links on the top level of the main menu.

sabina100.cloudaccess.host/100th.html

Thanks
Sharon

Hi Sharon,

Try adding

#menu ul.first-level > li.active > a {border: 0;}

Cheers
Paul

Thanks. Could you also tell me how i can reduce the width of the margins or padding between the menu items?

Thanks
Sharon

Hi Sharon,

#menu ul.first-level > li a:not(.btn), #menu ul.first-level > li .zen-menu-heading {padding: 0px 20px;}

is the style applying so you would need to add the style as per above and reduce the 20px value as required

Cheers
Paul

Thanks. I am having a problem with the menu links going to two lines in IE. That's why i am looking for way to reduce the width. I think I should be able to do it as there are only 4 top level links
I probably need to adjust the media querie breakpoints for teh template itself

Sharon

Hi Sharon,

Are you looking for help with this?

If so what is the value that it breaks to a new line?

Cheers
Paul

These are in the Framework settings now. Probably defaults.

Breakpoints

Tablet Max width 768px
Phone Max width 620px
Grid Collapse 787px
Nav Collapse 1024px

Container width 80%
Tablet Container width 80%
Phone Container width 75%

I do have the logo taking up 4 grid spaces ( as it's a long name I want to keep these) and 8 left over for the menu/social buttons

At your suggestion I have the code beneath the menu in the Grid 5 and Grid 6 row that says

@media screen and (min-width: 768px) {
#grid6.zg-col-6 {margin-left: 0%; margin-right: 0%;}
}
in order to remove the gap between the two 5 and 6 module positions .

Could that code effect the menu above? I have been told the menu doesn't jump to 2 lines on the article pages without the slideshow and image grid. I have to check myself but haven't yet done so, I will use a " Sauce labs" browser emulator to test IE because I have only a Mac at home.

Do you have different template style versions assigned to the home page and to the rest of the site?

Have you tried asking users if temporarily disabling the module fixes the problem?

Cheers

Looking in chrome which I find easier to troubleshoot in

the home page seems to drop at 1128px and the other page I looked at its 1092px

Hi Paul -

Yes. First, I have been adjusting the widths and making them larger to keep the menu and the logo from wrapping to extra lines. What I think I want to do is have different breakpoints for some of the different module positions such as the one the menu is in and the one the logo is in and the one the 4 image grid is in.

I started building these pages desktop view first rather than mobile view first because that is how the client is thinking and seemed expedient at first but probably won't be for me in the long run

Incidentally, I also prefer working in Chrome so I do most of my work in that browser and sometimes use Chrome developer tools.

I will move this discussion to a new forum topic when I am ready to come back to it as we've departed a bit from the original topic's title

sharon

Thanks