• Resolved mek113

    (@mek113)


    When viewing my website on mobile device, only the logo and home page content is showing. No navigation or header image. There is no way to get to the other pages.
    I’m using Omega – Hotel child theme.
    Website address: http://www.vintageinnbg.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter mek113

    (@mek113)

    I still need help with this.

    Did you customize the theme? It looks great on my install and on the theme preview as well

    Thread Starter mek113

    (@mek113)

    I made a few minor adjustments to the theme in the .css editor.
    So it looks fine on your phone? I’m using Safari on iphone 4

    Thread Starter mek113

    (@mek113)

    I still need help with this or I’m going to have to change themes. Here is the customized css I added. Did any of these changes have an impact on the navigation not showing on mobile phones?
    .site-header .nav-primary {
    float: right;
    width: 100%;
    background: #57007D;
    }
    .site-footer .wrap {
    background: #57007D;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    }
    .site-footer .wrap a {
    color: #fff;
    }
    .site-footer .wrap a:hover {
    color: #DBD69A;
    }
    .omega-nav-menu a:hover {
    color: #DBD69A;
    }
    .title-area {
    padding: 20px 40px;
    position: absolute;
    background: #57007D;
    }
    .site-title {
    font-size: 35px;
    font-weight: 300;
    line-height: 2px;
    margin: 4px 0px 4px;
    }

    you need to remove “position: absolute;” from your “.title-area” custom css

    Thread Starter mek113

    (@mek113)

    That took care of the problem. Thank you very much for taking the time to investigate my issue.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Navigation bar not appearing on mobile’ is closed to new replies.