Magento 菜单：我怎样才能让它左对齐？答案

【问题标题】：Magento Menu: How can I get it to align left?Magento 菜单：我怎样才能让它左对齐？
【发布时间】：2014-03-19 18:20:57
【问题描述】：

两个问题困扰了我几个小时。我想让我的菜单文本左对齐，也想增加菜单中子猫的文本大小

http://www.acuity-sports.com/

任何关于我需要编辑的帮助都会很棒。

这是我的标题的 .css

#yt_menuwrap {  background: url(../images/bkg_main_nav.png) left 53px repeat-x;  margin-   top: -51px;  }

#yt_mainnav,
#yt_mainnav_mobi {  display:table; margin: 0 auto;  }

#yt_mainnav_mobi select { margin:0;   }

#menu_split {  clear: left;  }

.header-top {        height: 78px;   /*  position: relative;     z-index:3; */ } 

.main-top{  }

.main-top .herader-top{ background:none; }

.header-logo { position:absolute; top:0; }

.header-logo a { position:relative;  width:auto; height:auto; }

.header-bottom { height: 70px;  /*  position:relative; z-index: 4; */ box-shadow: 0 0   3px 2px #CCC; }

.header-cirlce{ position:relative; text-align:center; height:0px;  z-index:1;  display:none; }

.header-cirlce .inner-circle{ width:193px; height:57px; display:inline-block; position:relative; overflow:hidden; }

.header-cirlce .inner-circle .header-circle-logo{
position:absolute;  
width:210px;
height:210px;   
border-radius:225px;    
background-position:21% 54%;
box-shadow:3px 0px 7px 0 #000000;
z-index:1;    
left:-10px;top:-160px;

}

.header-cirlce .inner-circle .header-circle-content{
position:absolute;
bottom:14px;
left:5px;
width:180px;
height:50px;
display:inline-block;
z-index:2;
background:url(../images/bg-circle-logo.png) no-repeat center center transparent;

}

【问题讨论】：

“菜单文本左对齐”是什么意思？您希望菜单项从页面左侧开始吗？
是的，由于主题，我认为它目前默认居中。我正在尝试让文本左对齐。
要做到这一点，您必须从div .container 开始进行大量的css 更改，在device min-width 1200px 的媒体查询中，width 的1170px 有一个1170px。像这样，您将不得不更改许多其他 css，并且还要检查它对不同设备的响应方式。
我会继续寻找一些答案。我以为我知道要开始编辑什么文件，但现在我很困惑从哪里重新开始。

标签： css magento menu themes megamenu

【解决方案1】：

感谢上帝，我修好了..

我必须编辑我的 theme.css

#yt_mainnav,
#yt_mainnav_mobi {  display:table; margin: 0 auto;  }

并删除 0 自动；

到这里

#yt_mainnav,
#yt_mainnav_mobi {  display:table; margin: }

【讨论】：