Mobile CSS layout issue

  • Resolved dohertyjf

    (@dohertyjf)


    8 years, 5 months ago

    Hi all –

    Hoping to get some help with my site on a mobile CSS layout issue I’ve been fighting but can’t quite seem to conquer.

    Site: hiregun.co
    Deeper page: hiregun.co/seo-consultants/
    Theme: Vertex from Elegant Themes (bit customized)

    When you go to the homepage and scroll down, you see the top navigation change.
    When you go to the /seo-consultants/ page and scroll down, the top navigation changes as well but it’s formatted differently. I can’t figure out why or where that is coming from or how I’d make it format like the homepage.

    Any help?

    https://wordpress.org/plugins/css/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Patrick Coombe

    (@patrickfl)

    8 years, 5 months ago

    If Peter can’t do it, no one can 😉

    Thread Starter dohertyjf

    (@dohertyjf)

    8 years, 5 months ago

    Sorry, links if it’s helful.

    hiregun.co (I like this mobile nav layout when you scroll)
    hiregun.com/seo-consultants/ (formatting issues, want it like the homepage)

    Thread Starter dohertyjf

    (@dohertyjf)

    8 years, 5 months ago

    This is fixed mostly for me. I had to declare another class within CSS to make it work correctly.

    Originally it was this:

    `#et-logo { float: none; margin-bottom: 20; } */
    body.home #et-logo { float: left; margin-bottom: 0; }

    Now it’s this:

    `#top-menu.et-fixed #et-logo { float: left; }
    body.home #et-logo { float: left; margin-bottom: 0; }`

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile CSS layout issue’ is closed to new replies.

Tags