Nano Hash - криптовалюты, майнинг, программирование

Мобильный навигационный текст

Я приложил скриншот проблемы, которую я пытаюсь исправить. Я использовал некоторые css, чтобы мой логотип отображался в навигации при просмотре на мобильном устройстве. Но теперь это выглядит не очень хорошо, потому что ниже в тексте также написано Job Spark.

Кто-нибудь может найти способ изменить текст «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>

введите здесь описание изображения

mobile navigation css squarespace
31.05.2013

  • Как выглядит HTML для логотипа? 01.06.2013

Ответы:


1

Используя CSS, просто скройте #mobile-navigation-title и переместите существующий #mobile-navigation-label, который скрыт за элементом логотипа.

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

Вы можете использовать более конкретные селекторы, если не хотите использовать !important (достаточно честно), но для краткости, вот и все.

Откажитесь от всего этого JavaScript, он лишний.

31.05.2013

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>
31.05.2013
  • Спасибо @davidbrown, я использую шаблон Squarespace, поэтому у меня очень ограниченный доступ к сайтам html. Можно ли это сделать с помощью CSS? 01.06.2013
  • К сожалению нет. Во всяком случае, насколько мне известно, нет. Однако вы, безусловно, можете сделать это с помощью Javascript. См. мой отредактированный ответ для примера. 01.06.2013
  • хм, я обновил свой вопрос кодом, который пробовал, но, похоже, не справился. 01.06.2013
  • <script type="text/javascript">Y.one("#mobile-navigation-title").set("text", "Menu");</script> должно помочь. Просто удалите второй открывающий тег <script> из своего фрагмента. У вас также уже есть файл site.js, в который было бы неплохо поместить его без тегов HTML (если вы можете его отредактировать). 01.06.2013
  • Фрик, извини, чувак, ты можешь показать мне, что ты имеешь в виду? Я отредактирую свой вопрос выше к тому, что у меня есть. не стесняйтесь редактировать код так, как вы хотите, чтобы я сделал. 01.06.2013
  • Извиняюсь; моя вина. Я забыл отложить выполнение до загрузки DOM. Смотрите мой ответ для обновленного блока сценария. 01.06.2013
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..