• TECKSPEED

    (@teckspeed)


    Hi all, great theme, love it so far.

    I would love to know how to place my logo in the top right hand corner of the navigation bar? I have text where the site title should go and really prefer this look.

    Also, I’m unsure of who wrote the theme but if they could supply me with a list of CSS classes that would be awesome!

    Here is a link for referance: klrfireservices.com

    Thanks,

    Kyle

Viewing 10 replies - 1 through 10 (of 10 total)
  • Theme Author Brian Harris

    (@zgani)

    Hello Kyle,

    Yes it is possible to place a logo but that would require the use of a child theme and some knowledge of PHP/CSS coding.

    As for the CSS classes, is there a specific one you are after?

    Regards,
    Zulf

    Thread Starter TECKSPEED

    (@teckspeed)

    Im already using a child theme and writing custom css to tailor this towards the way I need it to look. Im open to coding php and css, Im just unsure of how your theme functions and what your using where etc.

    As for css I was just looking for a consolidated list so that I didnt have to inspect an element every time I needed a class.

    – Kyle

    Thread Starter TECKSPEED

    (@teckspeed)

    Im guessing Ill have to go about the solution myself.

    WPyogi

    (@wpyogi)

    I would simply make a copy of the header.php file in the child theme and add the HTML for the image above the navigation section and add CSS to position it how you like. Maybe not the perfect solution but likely workable – and since you posted a duplicate thread (not cool here, BTW) figured you’d like some reply here :)!

    @zulfikar Nore might be able to offer a more elegant solution, but since help here is free, sometimes it’s not as speedy as you’d like.

    Thread Starter TECKSPEED

    (@teckspeed)

    There’s a duplicate? Could you point me to it if I saw it I wouldn’t of posted a second time

    WPyogi

    (@wpyogi)

    I deleted it – as per the forum rules.

    https://codex.www.ads-software.com/Forum_Welcome#Where_To_Post

    It said this:

    So I am wondering what the php looks like to place a logo in the navigation bar. I am knowledgeable on css and html both of which aren’t a problem mat all for me, however I am unsure of what hook does what in WordPress, by hook I mean what function gathers what etc.

    I would like to place my logo in the top right hand corner of the navigation bar. You can see the site at this link: klrfireservices.com

    Now I know this has to do with the navigation bar but any other shed of light on this would be great. I am using the Unconditional theme but support there seems very limited to say the least.

    Any help would be great.

    Thread Starter TECKSPEED

    (@teckspeed)

    That would be in the general support because the support in this theme has somehow dropped how can I get support if the go aren’t responded too or deleted? Support forums are meant to help not hinder ones ability to create something great. Forgive me for my ignorance however support is crucial for some users.

    WPyogi

    (@wpyogi)

    Yep, I understand what you are saying, but people helping out see ALL the theme threads on the same forum – look here:

    https://www.ads-software.com/support/forum/themes-and-templates

    And anyone who knows about a particular theme or wants to try to help with that question answers that thread. Keeping threads on the forum specific to that theme helps keep things organized, helps future users and is how these forums work.

    There is no “better” or “worse” forum to post in – so far as getting help. What IS detrimental is posting duplicate threads, sorry. Those are closed or deleted by www.ads-software.com forum guidelines. They create confusion and extra work for forum volunteers and moderators (who are also volunteer). Help on these forums is free and there is no guarantee of any particular level of support – it just depends who’s around when you ask and how many other people are looking for help at that time. Sometimes it is a few days before someone can get back to you – people do this on their free time. Theme developers too – many help here as much as they can, but most have to earn a living too.

    So you can either try what I suggested above – ask if you want more details or help with it, or there’s always the option of hiring someone who can provide more immediate help:

    https://jobs.wordpress.net/

    Thread Starter TECKSPEED

    (@teckspeed)

    Id love help on this however I just need to know how the theme is laid out by Zulfikar Nore im sure he could help me within a few minutes

    Theme Author Brian Harris

    (@zgani)

    @teckspeed – please use the following code in your child theme.

    top-nav.php (copy it over if not already done) – add the below code just after the – <div class="container">

    <?php if (get_theme_mod( 'unconditional_logo_image' )) : ?>
    		<a class="brand pull-right" href="<?php echo esc_url( home_url( '/' ) ); ?>">
    		    <img src="<?php echo esc_url(get_theme_mod( 'unconditional_logo_image' )); ?>" alt="<?php echo esc_html(get_theme_mod( 'unconditional_logo_alt_text' )); ?>" />
    		</a>
    	<?php else : ?>
            <a class="brand pull-right" href="<?php echo esc_url(home_url( '/' )); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><span><?php bloginfo( 'name' ); ?></span></a>
        <?php endif; ?>

    Then add the following CSS to your child theme’s style.css:

    .navbar .brand {
        font-size: 16.5px;
    	font-weight: 600;
    	padding-top: 10px;
    	padding-bottom: 5px;
    }

    You can adjust the values to suite your needs.

    Regards,
    Zulf

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Place logo in the top right hand corner of the navigation bar’ is closed to new replies.