• Resolved seapetal

    (@seapetal)


    Hi

    1. I would like my logo container to be 50% but the menu (with 7 menu items) to be on 1 line and left aligned below the logo.(have not left it set as such since I don’t want the site looking weird) Header height set at 176.
    When I make the logo contain 50% my menu goes onto 2 lines with half showing on the right just in line with logo, and huge gap between the rest, which then shows well below, at the height of the content, also on the right side.
    How can I fix this?

    2. Also I would like the name of the site on the right side, centered next to the logo. I tried using the top bar widget but to get the site name centered I need to move the text in the widget down which then moves the menu down too close to the page titles. Is there a better solution – I want a transparent header, custom logo, the site name next to the logo on the right, menu on the left below the logo, and then page title below the menu with a comfortable space between.

    3. How do I add a custom font that is not a google font to my site?

    Thank you for you help.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • 1. Try adding this CSS to Theme Options> Custom CSS:

    @media (min-width: 992px)  {
    .kad-header-left {
        width: 50%;
    }
    .topbar-widget .textwidget h1 {
        position: absolute;
        padding-top: 60px;
       }
    }
    
    @media (max-width: 992px) {
        .topbar-widget .textwidget h1 {
            display: none;
        }
    }

    2. Let me know close the above CSS gets you to what you want.

    3. You can use this plugin:
    https://ww.wp.xz.cn/plugins/use-any-font/

    -Kevin

    Thread Starter seapetal

    (@seapetal)

    Hi Kevin

    For the topbar widget it is great It moved the text lower where needed it. Is it possible to move the topbar widget a bit more to the left so I can make the text in it a bit bigger? If not, then it is fine.

    I added the CSS but now at 25% container width, the menu sits over the page title on the left hand side, but when I set the logo container to 50% then half the menu sits just below the topbar widget text on the right hand side, and the rest of the menu sits 1,7″ lower just under the page title but also on the right hand side.

    How can I get the menu on the left side, under the logo (either with the logo container width at 50% – or the header width setting you gave me which is about the same size I need the logo to appear, so this works) but above the page title?
    Maybe move the page title lower?

    Thank you

    I’m a bit confused. I don’t see the menu covering the page title. I see currently that you’re using my above CSS.

    I think what you’re wanting is a page title below the menu? If so, the best way to accomplish that is to instead go to Theme Options> Home Layout, and add the page title to the active column, above the rest of the home page modules.

    If you need to change your home page title, you can do so in the edit screen for your home page.

    Let me know if that works for the page title, then we can move onto getting the menu figured out.

    -Kevin

    Thread Starter seapetal

    (@seapetal)

    Hi Kevin

    Yes, that worked great and since I disabled page title, the menu works perfectly too now.

    Now you are correct, I want to have the page title below the menu.

    I went to theme options, home layout but I think I am missing something since I can’t figure out where to do do what you suggested: “add the page title to the active column, above the rest of the home page modules.” Do you mean where it says home layout manager? Because I have no page title options?

    What about the page title on all the other pages on the site – will they appear as each page name and where would I change this?

    Thank you

    Sorry, I got the theme options confused for Virtue Theme. With Pinnacle, the home page title is set in Theme Options> Home Slider.

    For every other page, the title can be controlled in the “Page Title and Subtitle” section for your page edit screen.

    Let me know if that works for you.

    -Kevin

    Thread Starter seapetal

    (@seapetal)

    I don’t see that option under home slider either. There is a theme options > page title. But when I turn this option off the menu works, when I turn it on, the menu layout goes crazy. So I have it set to off currently. What I really want, if possible, is to move this page title option lower on the theme so that I can set it to on again.

    Can I do this?
    Thanks

    Hmm.. Based on your needs, I think Virtue Theme may work better for you. You can accomplish this without any CSS customization. See here:
    http://themes.kadencethemes.com/virtue2/portfolio/

    Is that more what you want? With the page title below the menu?

    If you decide that you want to switch themes, post a new topic in the Virtue Free forums and I’ll help you get the header setup.

    -Kevin

    Thread Starter seapetal

    (@seapetal)

    Hi Kevin

    Yes, that is what I am looking for.

    But I have done too much setting up to change themes now.

    Is there no other way to just move the page title down a little bit in the pinnacle theme?

    Or if not, is there any way to move the body section to higher up the page so that it is closer to the menu? That way, since I am using page builder, I can just create a section for the page title on the actual body content.

    Thanks

    • This reply was modified 8 years, 2 months ago by seapetal.

    Try this CSS and let me know if it works for you:

    .kad-header-right {
        max-height: 100px;
    }
    
    .kad-header-style-basic #nav-main ul.sf-menu > li > a {
        max-height: 100px;
    }

    If you’re referring to the text in the header as the “page title,” then I recommend using page builder instead. It will work much better than hacking the CSS to force the text to go down to the page.

    -Kevin

    Thread Starter seapetal

    (@seapetal)

    Perfect! Thank you!

    You have helped me do exactly what I wanted!

    Great! I’m glad to help.

    -Kevin

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

The topic ‘Pinnacle free theme menu issue’ is closed to new replies.