Portfolio Press theme, cannot center navigation

  • Portfolio Press theme, cannot center navigation

    Help!

    I can’t figure out how to center my navigation and my logo- is there a way to do it so that it the elements are still evenly spaced when viewing on a mobile or ipad (the things I’ve tried look bad when I view on a smaller screen)? Thanks!

    https://www.carlabarnesdesign.com/

    **I’ve gotten a reply:

    @c_barnes, I check your website already, those are css problem.
    [Moderated – see below post re: this theme]

    problem is you used fixed width instead of %. I think the whole structure is used with % and only logo and header are fix width(px) and logo is actually working correctly if you change the margin left value to % instead of px. and also navigation li are too large to show and they are hidden underneath the header wrapper.

    Hope this might give you a hint.**

    ^I don’t understand how to code for this… would I add something like this to my child theme:

    #logo {
    width: auto;
    margin: 0px auto;
    }

    #navigation {
    z-index: 200;
    }

    Is my logo too big?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t understand, your navigation looks centred to me. Is it just not on a particular browser?

    Thread Starter C_barnes

    (@c_barnes)

    I’ve just checked- it works on Safari… but not on Firefox or Chrome…??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is this what you see on Chrome [screenshot]? If so, can you explain further on how you want it centred?

    Thread Starter C_barnes

    (@c_barnes)

    Nope,

    This is what I’ve got: https://www.carlabarnesdesign.com/303/

    For me, it looks like this on FF and Chrome… I’ve just added the border to the nav so I seem to be seeing the latest version which isn’s showing up on Safari…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you cleared your FF and Chrome browser caches?

    Thread Starter C_barnes

    (@c_barnes)

    I cleared them and it looked like what you’ve been seeing until I clicked “update file” on my child theme and then it was back to what I’ve been seeing… I’m sorry, I’m new to coding…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which versions of Chrome and FF are you seeing the issue in?

    Thread Starter C_barnes

    (@c_barnes)

    Chrome: Version 25.0.1364.160
    FIrefox: 19.0.2

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you try viewing your website on another device?

    Thread Starter C_barnes

    (@c_barnes)

    It looks the same in Chrome on my laptop, in FF however it looks correctly centered… Is there some sort of issue with Chrome? It doesn’t really make sense to me because even if it’s centered I would think that you should still be able to see the underlined border…

    My child theme is simple and short- maybe there is an error??? Thank you so much for taking the time to help me ??

    /*
    Theme Name: ppchild
    Theme URI: https://wptheming.com/portfolio-theme/
    Description: Child Theme for Portfolio Press
    Author: Carla
    Author URI: https://wptheming.com/
    Template: portfolio-press
    Version: 0.1
    */

    @import url(“../portfolio-press/style.css”);

    #header {
    border-bottom-style:double;
    border-color:#6D6E70;
    }

    #navigation {
    text-transform: uppercase;
    text-align: right;
    border-bottom-style:double;
    border-top-style:double;
    border-color:#6D6E70;
    }

    #navigation ul a{
    color: #6D6E70;
    }

    #logo {
    width: 252px;
    margin: 0px 264px;
    }

    #content h1 {
    display:none;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There is no such element with an id of “header”, so I don’t see why that should be working.

    Thread Starter C_barnes

    (@c_barnes)

    Haha, it’s not (i’m going to delete it), but the border on the navigation element is… its just the for some reason the nav menu is not within the navigation…

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Portfolio Press theme, cannot center navigation’ is closed to new replies.

Tags