This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Hide Menu and Hide Page Title for Pitch Theme

Resolved 24 replies themetheme-pitch
BFPS
10 years ago · Last reply by Andrew Misplon 10 years ago

Hello,

Could someone tell me how I could just keep the top menu and hide the menu that appears in the header section. Also, how would I be able to hide the page title?

Thanks!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

24
  1. Andrew Misplon Staff 10 years, 11 months ago

    Hi BFPS

    Please try the following under Appearance > Custom CSS:

    /* Main Menu */

#mainmenu { display: none; }

/* Titles */

.page #post-single h1.post-title { display: none; }

/* Fonts */

body {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-family: 'Droid Sans', sans-serif;
}

    Edit as required, hope that helps.

  2. BFPS 10 years, 11 months ago

    NIce. What code would I need to enter in order to assign a specific text size?

  3. Andrew Misplon Staff 10 years, 11 months ago

    For sure. That would look like this:

    /* Fonts */

body {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-family: 'Droid Sans', sans-serif;
}

.entry-content h1 {
	font-size: 1.8em;
}

.entry-content h2 {
	font-size: 1.7em;
}

.entry-content h3 {
	font-size: 1.6em;
}

.entry-content h4 {
	font-size: 1.45em;
}

.entry-content h5 {
	font-size: 1.375em;
}

.entry-content h6 {
	font-size: 1.2em;
}

    Remove the initial fonts section I sent and replace with this one.

  4. BFPS 10 years, 11 months ago

    Thanks, Andrew. I’ll let you know if anything else.

  5. Andrew Misplon Staff 10 years, 11 months ago

    For sure. All the best with your site.

  6. BFPS 10 years, 11 months ago

    I knew I forgot one thing…for the top menu, how can I increase the text size?

  7. Andrew Misplon Staff 10 years, 11 months ago

    For sure, here we go:

    /* Top Bar */

#topbar {
font-size: 11px;
}

    Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

  8. BFPS 10 years, 11 months ago

    I added some sub links in the top menu that appear when you hover over with the mouse, but the text appears centered. How can I left-align that?

    Thanks

  9. Andrew Misplon Staff 10 years, 11 months ago

    Sure.

    ul#topbar-menu ul.sub-menu .sub-wrapper {
padding: 4px 10px;
text-align: left;
}

    4px is top and bottom padding. 10px is left and right padding. Adjust as required.

  10. BFPS 10 years, 11 months ago

    Is there a way to add mouseover highlighting to the menu?

    One more thing, Andrew. I'm sorry to be a bother, but I was waiting for a response on this thread topic:
    Thread: Pitch Theme: How do I merge the Portfolio Home Page with another page?

    If it doesn't make sense to you (the way I wrote it), please let me know.

  11. Andrew Misplon Staff 10 years, 11 months ago

    Hi BFPS

    It can be done but will take a little doing:

    #topbar {
padding: 0;
}

#topbar-menu li.menu-item {
margin-left: 0;
}

#topbar-menu li.menu-item a {
display: block;
padding: 10px;
}

#topbar-menu li.menu-item a:hover {
background: red;
}

    Edit as required.

  12. BFPS 10 years, 11 months ago

    I have everything all set to go, including the slideshow up top, but of course, there's always something else. The drop down menu for some reason appears underneath the slideshow. i tried the code you gave someone in this thread:
    https://siteorigin.com/thread/origami-drop-down-menus-appearing-behind-slider-element/,
    but it had no effect.

    Thanks for your patience, Andrew.

  13. BFPS 10 years, 11 months ago

    Nevermind, Andrew. What I did was just test if the Meta Slider did the same thing and it worked, so I deleted the Site Origin one. Maybe you can submit that as bug to fix. Thanks

  14. Andrew Misplon Staff 10 years, 11 months ago

    Glad to hear you made progress. If you’d like I could take another look at the problem, just let me know in that case. The CSS provided above was for Origami so I’m not sure that would work out the box.

  15. BFPS 10 years, 11 months ago

    Sure, just go to: http://www.bandfps.com

    While you're there, could you please let me know how I could fix the following aesthetic problems?

    1.) Is there a way to differentiate the text in the title and subtitle sections of the call-to-action widget? They both look the same.

    2.) How can I reduce that large gap between where it says "Below is a list of professional services we currently provide:" and the bullet points?

    3.) I know how to add the border color around the bullet points section,
    but is there a way to also have visible column lines separating the sections?

    4.) I took a look at the site on my mobile phone last night for the first time and it was disappointing. Is there anything I can do to make it more mobile compatible?

    Thanks, Andrew.

  16. Andrew Misplon Staff 10 years, 11 months ago

    Thanks.

    You can try something like this:

    ul#topbar-menu ul.sub-menu {
  z-index: 1000;
}

    to handle the overlap issue. I’d need to see it with the original slider up to test.

    Please take a look at our Custom CSS tutorial, it’s the way forward if you’d like to tweak themes:
    https://siteorigin.com/basics/modifying-theme-design-with-custom-css/. We do our best to help out with small customisations but don’t official offer a customisation service.

    1. Try adjusting from:

    /* CTA Line One */

.sow-cta-base .sow-cta-text h4 {
font-size: 1.45em;
}


/* CTA Line Two */
.sow-cta-base .sow-cta-text h5 {
font-size: 1.375em;
}

    2. Try the following:

    /* Home */

#panel-12-0-0-3 {
  margin-bottom: -40px;
}

    3. Try the following:

    #pg-12-1 .textwidget > ul {
border-right: 1px solid #ccc;
padding-right: 10px;
margin-right: 10px;
}

    4. Pitch is unfortunately not a responsive theme. You could try adding a plugin like Jetpack Mobile Theme to help out.

    (In the event you’d prefer to run our Vantage theme in the future, we can migrate your license. We also have a new theme out called Aviator: http://wordpress.org/themes/aviator. Basically Pitch 2.0. It’s most responsive. Everything will be cleaned up on mobile once the theme reaches 1.0. I don’t have a release date for that just yet).

  17. BFPS 10 years, 11 months ago

    All the coding seems to be working except for the #3. I even tried going up as much as -80 and it has no effect.

  18. Andrew Misplon Staff 10 years, 11 months ago

    For the one that didn’t work, try editing that row or widget, click Attributes on the right and enter the following into the CSS Styles field:

    margin-bottom: -40px;
  19. BFPS 10 years, 11 months ago

    You are the best. Thanks so much.

  20. Andrew Misplon Staff 10 years, 11 months ago

    Win!

  21. BFPS 10 years, 11 months ago

    Happy Friday, Andrew :) This was more of an inquiry rather than an issue…is there a plugin you're aware of that mimics the "scroll to top"
    arrow that appears on the lower portion of the page like in the Vantage theme?

  22. Andrew Misplon Staff 10 years, 11 months ago

    To you too.

    I’ve never used one before but that’d be pretty easy to release as a plugin. Here are a few options you might consider:

    https://wordpress.org/plugins/search.php?q=scroll+to+top

  23. BFPS 10 years, 11 months ago

    Hey Andrew,

    Do you know how I could insert javascript code for Google's translate button inside of the top menu, but aligned to the far left side?

  24. Andrew Misplon Staff 10 years, 11 months ago

    Hi. That would unfortunately require some custom development. You’d need to create a child theme (https://codex.wordpress.org/Child_Themes) and copy header.php into the child theme folder. From there you could add your script to the top bar div as required.

    There might be a plugin that can help out with this. At first glance I couldn’t find one though.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread