Site Title interfering with Image Logo

Homepage Community Forums Epik Theme Support Site Title interfering with Image Logo

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #16018
    TrishaM
    Customer

      I have my site displaying our logo just fine, but if I don’t enter a Site Title, then Genesis is unable to add it to the Page Title as we want for SEO purposes (so that it displays at the top of the browser the Page Title | Site Title).

      If I enter a Site Title, then the Epik Theme puts it over top of the Logo – which looks really ugly.

      I’m using Epik version 1.3 and cannot update it – we hacked it up extensively to make it work for our site, and since WP does not support “GrandChild” themes, we’re stuck with it as is.

      How can I get the Site Title to NOT display but still be able to have it entered in the Customization options so that Genesis SEO settings can add it to the Page Title?

      Thanks for any help!

      #16019
      Andykev
      Customer
        #16020
        TrishaM
        Customer

          @Andykev, thank you for replying but the information at that link does not apply to what I’m trying to do.

          I don’t want to remove Post/Page titles, I do want them displayed in their proper place at the top of the browser bar.

          What Genesis has is a setting that lets you append the Site Title to the beginning or end of the Page title, for SEO/branding purposes, this is a good thing. Most SEO plugins have the same setting.

          When not using the Epik Theme, if one elects to use an image logo in place of the Site Title, it works great. You can still have your Site Title entered so it can be used to append to your Page Title at the top of the browser bar.

          However, when using the Epik Theme, one cannot have both – if you elect to use an Image Logo, the Site Title is also displayed (over top of the logo) – that looks awful…..you can get rid of it only be erasing the Site Title in the Settings. Fine. Logo looks good, but now Genesis cannot append it to the Page Title, so no branding.

          SO I still need an answer – how do I modified the Epik functions so that my Image logo displays but I can still have and use my Site Title for SEO purposes?

          #16023
          scooby
          Customer

            @TrishaM You can add a site title in your Genesis SEO settings page. I was told that if done that way it gets picked up in the search engines the same way as adding a site title on the General Settings page.

            If you add it on your Genesis SEO settings it will show up in your code so the Search Engines will see it, but it won’t show up on your site in the way of your logo.

            #16024
            TrishaM
            Customer

              @scooby, thank you, but there is not a place to enter the site title in the Genesis Setttings, either the SEO Settings or the Theme Settings, and yes I do have the most current version of Genesis. 🙂

              You may be thinking of the Genesis SEO Setting for the *Home Page* Title, which is not carried through to other pages…..

              The only Genesis Settings related to (appending the) Site Title (to page titles) (in SEO Settings) are a checkbox (to add it), another checkbox to indicate right or left side, and text field to enter the separator (in which you put in what you want to separate your Page Title from your Site Title, such as a hyphen, colon, pipe, etc.) I have mine set to a pipe, so it should look like “Page Title | Site Title”.

              The only place to actually *enter* a Site Title is under the WP General Settings, or the Epik Theme Customization, which is just basically an alias for the WP General Settings……whatever gets entered or erased there modifies the WP General Settings.

              STILL need help……this just should not be so difficult…..Epik is a Genesis Theme, it should respect the Genesis Setting to use an image logo in place of the Site Title in the Header area, but it seems to disregard that entirely.

              #16025
              kronos
              Customer

                “this just should not be so difficult…..Epik is a Genesis Theme, it should respect the Genesis Setting”

                Everything is setup correctly in Epik, but if you’re using an older version of the theme then it would be up to you to go and update the parts that have been updated in the recent versions. As Genesis makes changes to how things work in the framework, you have to also match those in the theme you’re using (this is what developers do when they update their themes).

                I think the issue is the fact that you’re using an older version of the Epik theme with a New version of the Genesis Framework. The issue you’re describing has never been an issue for me on any of my sites, so I assume it’s due to the version.

                Have a look in your functions file at the header code, and update it with the “new” way they are doing it.

                #16027
                TrishaM
                Customer

                  Thanks for the tip @kronos, I’ll take a look at that….and I’ll post back if that fixes the problem or not. 🙂

                  UPDATE:

                  Okay I downloaded the latest version of Epik and went through the functions line by line, and could not find anything different between the new version and the old one I’m using that is related to the site title or logo, so I installed the new version on a sandbox site, and the problem persists……BUT that was hard to spot because the default Epik Theme places my logo in the center (not where we want it, we have it on the left upper corner), and the Site Title cannot be read because it’s the same color as the background of the header…..when I moved my logo to the left (in the stylesheet) then the Site Title could be seen over top of it again.

                  SO that got me thinking, and I realized (DOH!) that this was a CSS problem all along……so in my version I just found the styles for .site-title and replaced them with display:none; and voila! That fixed my problem. I can have my logo and Site Title (for SEO purposes) and not have the dang site title displayed over top of my logo.

                  #16028
                  Wes
                  Moderator

                    @TrishaM Yes I think @kronos is right, I’m pretty sure it’s the code in your functions file. Try replacing the header/logo code with this –

                    //* Add support for custom header
                    add_theme_support( 'custom-header', array(
                    	'width'           => 360,
                    	'height'          => 164,
                    	'header-selector' => '.site-title a',
                    	'header-text'     => false,
                    ) );

                    Adjust the sizes to match the exact size of your logo, and let me know if that works.

                    If you would like me to login and do it for you I can, just let me know.

                    #16029
                    TrishaM
                    Customer

                      Hi @Wes – thanks for posting…..your code snippet is what I’ve always had in the functions except for the last two lines, but I did add those to my functions.php file and it didn’t help – the site title still appeared over top of my logo.

                      I did resolve this by just modifying the styles for .site-title to display:none;

                      #16030
                      Wes
                      Moderator

                        EDIT: I just saw your update in the previous comment (it didn’t show up in my email notification)…..so you can skip the following comment since you already got it working 🙂

                        That’s weird, I’m not sure what else could be causing that issue, as the only thing in Epik that affects the logo/title is that block of code in the functions file. There must be something somewhere else affecting it somehow. I just tested a few sites that use Epik and it works fine on my end…..but those are all the latest versions though.

                        At least the display: none works, that was what I was going to suggest if we were unable to locate the main issue.

                        EDIT: I just thought about something, I’m working on a new redesign of this site, and I have that block of code completely removed from my functions file. When you remove it completely an option shows up in the Genesis Theme Settings page that allows you to select Image/Logo under the Header section. Once I do that, I can use the CSS to add my logo and the title doesn’t show up. Maybe you can give that a try if you would prefer not to use the display: none option.

                        #16050
                        TrishaM
                        Customer

                          Hi Wes,

                          I came back here to update my post and just saw your reply…….here’s what I’ve learned and what I’ve done.

                          As you have noted, the Genesis option to use an image logo instead of text disappears when the Child Theme (in this case Epik) has that code:

                          //* Add support for custom header
                          add_theme_support( 'custom-header', array(
                          	'width'           => 360,
                          	'height'          => 164,
                          	'header-selector' => '.site-title a',
                          	'header-text'     => false,
                          ) );
                          

                          Removing (or commenting out) that code makes the Genesis option available again.

                          If I *don’t* use the Genesis option, then the logo is not clickable (not linked to our home page)….I discovered that today when my boss said “hey why is our logo not linked to our home page”…..If one does not make the logo linked (as most site visitors *expect* these days because that is the behavior on *most* websites) then we have to add a Home Page item to our menu – not what we want to do…..

                          SO I had to comment out your code, choose the Genesis image logo option, and modify the CSS that deals with the site-title to make the color ‘transparent’…..if I removed the CSS or made it set to display:none, then there is no linking either because technically that section (and it’s a tag) do not show on the page.

                          SO when you are working on your new Theme you might put more thought into this issue…..most web developers will definitely want their logo linked, generally to their home page. And if a logo image is used, no one will want the text to show over top of it…..

                          I’m learning as I’m going and I’m not a coder, so I wish I could offer suggestions but I am certain you know way more than I do anyway…….just wanted to make you aware of what I’ve learned in case you find it helpful.

                          Once again, my problem IS resolved, it’s just rather klugey to have to monkey around with commenting out functions and changing styles…..I’m fine with it, but a lot of WP users may not be, so presenting options in the Customize panel will be preferable for most users.

                          #16056
                          Wes
                          Moderator

                            No you don’t have to comment out anything or add any code. By default the theme is setup to allow you to upload your logo and hiding the Site Title at the same time automatically. You can do this WITH the Site Title activated as usual, and the theme is already setup to Hide the Site Title when an image is being used. You don’t have to add this functionality.

                            The reason your site was not showing right is because you had CSS errors from your customizations (based on what you mentioned earlier). If you install Epik on a local or a separate domain then you’ll see that by default everything works as it should.

                            This is the code that hides the text –

                            .header-image .site-description,
                            .header-image .site-title a {
                            	display: block;
                            	text-indent: -9999px;
                            }

                            Perhaps you may have added something that interfered with the site title code in some way. Just keep this in mind in the future as it can happen with any Genesis/WordPress theme.

                            Anyways, Glad everything is working 🙂 If you have any other questions, feel free to post.

                          Viewing 12 posts - 1 through 12 (of 12 total)
                          • You must be logged in to reply to this topic.