New Topic

[Pro] Move custom contact container, change navigation menu font.

Home › Forum › Customization › [Pro] Move custom contact container, change navigation menu font.

This topic contains 11 replies, has 2 voices, and was last updated by  StartupWP 5 years, 5 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1068

    stjoesailing
    Participant

    I’m using a full width (1000px) logo image, so the custom contact container appears between the logo and navigation bar. How would I move the contact container above the logo?

    Secondly, once I have a Google custom font loaded, how would I incorporate it into the navigation menu? There doesn’t appear to be an option for it in the custom styles area.

    #1070

    StartupWP
    Keymaster

    Link please.

    #1072

    stjoesailing
    Participant

    Link didn’t seem to take:

    http://www.stjoesailing.com

    #1075

    StartupWP
    Keymaster

    Good idea, the logic for ordering social/contact and then branding/logo makes much more sense, so we will be fixing officially in the next update, however in the meantime, here’s a temporary style you can use:

    #social {
      max-width: 1000px;
      position: absolute;
      text-align: right;
      top: 10px;
      width: 100%;
    }

    https://startupwp.com/topic/customizing-your-theme/

    Here’s how to apply the Google font to the menu:

    nav ul li a {
      font-family: 'open sans',helvetica,arial,verdana,sans-serif;
    }

    Of course, you can change open sans to whatever you need.

    #1129

    stjoesailing
    Participant

    Thanks for the code – working on the website is on the front burner again! After applying the social/contact style, I’ve noticed the placement of that element is dependent on page size. The containers maintain spacing between each other no matter the width of the browser windows; however, the contact info now:

    • overlaps the banner when the browser is shrunk
    • has excess spacing above the banner if the browser is fullscreen-ed

    It’s not a big deal as I work on other elements of the site, but rather a bug to be squashed for the update.

    #1132

    StartupWP
    Keymaster

    It’s not really a bug, but a style preference, one that we happen to agree with mind you. But, we’re not slated for any updates soon.

    Are you using a child theme? We can show you how to make the customization the proper way.

    Please see https://startupwp.com/topic/child-theming/. Let us know once you have that setup.

    Otherwise, if you’d simply like to wait for the next update instead of moving into child theming, that’s fine too. Just note that there’s no current ETA for the next update.

    Thanks

    #1135

    stjoesailing
    Participant

    Appreciate the heads up. It looks like a number of things I’m trying to do will benefit from child theming. I’ll spend some time with the guides, and will post an appropriate thread if questions arise!

    #1136

    StartupWP
    Keymaster

    Sounds good.

    #1237

    stjoesailing
    Participant

    I’ve been using the custom code provided above to swap reorder the custom contact/banner placement, and it’s been working. I just auto-upgraded to v1.6 and now my custom contact container has disappeared. I’ve tried removing the extra code, re-toggling the custom contact option, and changing the contact info, but nothing works. Did the upgrade in fact ‘downgrade’ me to the free version?

    #1239

    StartupWP
    Keymaster

    All that’s changed is the #social and #branding divs have swapped places. Everything else should be the same.

    #1241

    stjoesailing
    Participant

    It see it works today! Database may have just needed a refresh after the theme update.

    #1243

    StartupWP
    Keymaster

    Sometimes also, the browser cache just needs clearing.

    Thanks

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.