菜单链接区域未与文本[wordpress]对齐

时间:2022-09-23 06:24:56

After playing around with my header and and main menu it seems the link box is not actually aligned with the text. I tried playing around with margins and padding but I can't seem to get it to work or find the right class. I would like to keep everything where it is currently and just move the link areas to the right so everything aligns. Any input is appreciated.

在使用我的标题和主菜单后,似乎链接框实际上与文本不对齐。我试着玩边缘和填充,但我似乎无法让它工作或找到合适的班级。我想保留当前的所有内容,只需将链接区域向右移动,以便一切都对齐。任何输入都表示赞赏。

Website: http://museiam.ca/

1 个解决方案

#1


0  

This is happening because you have:

发生这种情况是因为你有:

.main-navigation ul li a, .menu_centered_style .gbtr_first_menu li
{
    left: 40px;
}

Removing the left: 40px; should fix this.

删除左:40px;应该解决这个问题

EDIT: Try adding the following styles

编辑:尝试添加以下样式

.menu_centered_style .gbtr_first_menu ul 
{
    margin-left: 108px;
}

.menu_centered_style .gbtr_first_menu .shopping_bag_centered_style_wrapper 
{
    margin-left: -24px;
}

#1


0  

This is happening because you have:

发生这种情况是因为你有:

.main-navigation ul li a, .menu_centered_style .gbtr_first_menu li
{
    left: 40px;
}

Removing the left: 40px; should fix this.

删除左:40px;应该解决这个问题

EDIT: Try adding the following styles

编辑:尝试添加以下样式

.menu_centered_style .gbtr_first_menu ul 
{
    margin-left: 108px;
}

.menu_centered_style .gbtr_first_menu .shopping_bag_centered_style_wrapper 
{
    margin-left: -24px;
}