1

我附上了我正在尝试解决的问题的屏幕截图。在移动设备上查看时，我使用了一些css让我的徽标显示在导航中。但是现在它看起来不太好，因为它在下面的文本中也显示了Job Spark 。

任何人都可以看到将“工作火花”文本更改为“菜单”的方法。

另外附注....我在导航的最底部出现了一些白色像素，看不到是什么原因造成的。

www.jobspark.ca 是我的网站。谢谢参观。

更新：尝试使用 javascript 更改此菜单文本。尝试了这段代码，但似乎没有用。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

<script type="text/javascript">Y.one("#mobile-navigation-title").set("text", "Menu");</script>

在此处输入图像描述

4

2 回答 2

2

在页面切换到移动格式之前，根本不会显示该文本，因此您所要做的就是在 HTML 中更改它。如果找不到，则元素在第 167 行附近：

<nav id="mobile-navigation">
  <span id="mobile-navigation-title">Job Spark</span>
  <span id="mobile-navigation-label"></span>
  ...

要使用 Javascript 更改文本，请尝试：

<script type="text/javascript">
    Y.on("domready", function() {
        Y.one("#mobile-navigation-title").set("text", "Menu");
    });
</script>
于 2013-05-31T21:04:46.623 回答
1

使用 CSS，只需隐藏#mobile-navigation-title并重新定位#mobile-navigation-label隐藏在 logo 元素后面的现有内容。

#mobile-navigation-title { display: none !important; }
#mobile-navigation-label { position: static !important; }

如果您不想使用（足够公平），您可以使用更具体的选择器，!important但为了简洁起见，您可以使用。

也废弃所有的 JavaScript，它是多余的。

于 2013-05-31T23:48:56.990 回答