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

Comments

Shepherd348 created an issue. See original summary.

devshi.addweb’s picture

devshi.addweb 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 commented
Status: Active » Needs review
StatusFileSize
new center_menu_links-2671354-2.patch1.29 KB

PFA patch for the same.

riddhi.addweb’s picture

riddhi.addweb commented
StatusFileSize
new After1.png332.75 KB
new Before1.png370.47 KB

Hi,

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

riddhi.addweb’s picture

riddhi.addweb commented
Status: Needs review » Reviewed & tested by the community