【问题标题】:How to move hamburger menu icon to the right side?如何将汉堡菜单图标移动到右侧?
【发布时间】:2018-03-25 02:15:24
【问题描述】:

我想将移动设备上的汉堡菜单图标移动到屏幕右侧。目前它位于左侧。但是,任何使用相对/绝对定位的尝试都会将站点标题移出视图(并使导航栏出现故障)。我找不到让事情顺利进行的方法。谁能建议一种方法来做到这一点?

我的网站:www.tylercharboneauprofessional.com

【问题讨论】:

    标签: hamburger-menu


    【解决方案1】:

    删除left: .5em;并添加right:0;

    修复下面的 css:

    @media only screen and (max-width: 640px)
    {
      .banner-content-page-title-description #mobile-navigation-label,
      .banner-content-empty #mobile-navigation-label {
        position: absolute;
        top: .75em;
        /* left: .5em; */
        right: 0;
       }
    }
    

    【讨论】:

    • 嘿@Vincent1989 - 感谢您的代码。不幸的是,菜单图标只是移动到导航栏的中心(不是右侧),并且站点标题完全消失了。有什么想法吗?
    猜你喜欢
    • 2020-07-10
    • 1970-01-01
    • 2023-01-30
    • 1970-01-01
    • 2020-07-20
    • 1970-01-01
    • 1970-01-01
    • 2016-10-02
    • 1970-01-01
    相关资源
    最近更新 更多