I'm trying to center the menu text links and not having much luck. I tried changing the padding but only the top line moves. Can some please point me in the right direction?

CommentFileSizeAuthor
#4 Before1.png370.47 KBriddhi.addweb
#4 After1.png332.75 KBriddhi.addweb
#3 center_menu_links-2671354-2.patch1.29 KBdevshi.addweb
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Shepherd348 created an issue. See original summary.

devshi.addweb’s picture

devshi.addweb CreditAttribution: devshi.addweb at AddWeb Solution Pvt. Ltd. commented

Please put below code in your custom css file.

#header-menu ul.menu {
  margin:0 -15px;
  width: calc(100% + 30px);
  width: -webkit-calc(100% + 30px);
  width: -moz-calc(100% + 30px);
}
#header-menu ul.menu li a {
  padding:10px 15px;
}
#header-menu ul.menu li.first a { padding-left:15px; }

#header-menu ul.menu li.last a { padding-right:15px; }

Let me know incase of any query/concern regarding the same.

devshi.addweb’s picture

devshi.addweb CreditAttribution: devshi.addweb at AddWeb Solution Pvt. Ltd. commented
Status: Active » Needs review
FileSize
center_menu_links-2671354-2.patch1.29 KB

PFA patch for the same.

riddhi.addweb’s picture

riddhi.addweb CreditAttribution: riddhi.addweb at AddWeb Solution Pvt. Ltd. commented
FileSize
After1.png332.75 KB
Before1.png370.47 KB

Hi,

Thanks, Patch Works for me. I've attached the Screenshots for the same.

riddhi.addweb’s picture

riddhi.addweb CreditAttribution: riddhi.addweb at AddWeb Solution Pvt. Ltd. commented
Status: Needs review » Reviewed & tested by the community