Support » Theme: Agama » Logo AND name header

  • Resolved grupomccac

    (@grupomccac)


    My website name is showing in the header perfectly. When I add a site logo (not site icon), the website name disappears, and I see only the logo. Can I have both the site name and logo appear together? It is very important for Accessibility purposes to have the logo and text in the header. the text inserted in the logo is not well interpreted by automatic readers. Is there anything I can do to have both options in my header? the suggestion given in a previous topic of having the logo and the sentence written as an image form does not please me, because a part of my visitors will be visually impaired.

    Thank You very Much!!

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

Viewing 15 replies - 1 through 15 (of 19 total)
  • Hello, @grupomccac!

    We will implement this option in some of the next theme updates.
    As a temporary solution add the CSS code below into Customize->General->Additional CSS

    code:

    .pull-left a::after{
    	content:"  MCCAC";
    	color:#87CEEB;
            font-family:"Roboto";
    	font-size:35px;
    	font-weight:bold;
    	margin-left:20px;
    	vertical-align: 70%;
    }

    https://prnt.sc/hkczpk

    Best Regards

    • This reply was modified 7 months, 1 week ago by  themevision.

    Oh my… So FAST! Thank you!!! Problem Solved… Love you guys

    • This reply was modified 7 months, 1 week ago by  grupomccac.

    😉

    one last question: how do I guarantee that this text is H1 type?

    • This reply was modified 7 months, 1 week ago by  grupomccac.
    • This reply was modified 7 months, 1 week ago by  grupomccac.

    Hi,
    Sorry for the late answer…unfortunately this solution is not good for the SEO.

    A better solution for you is to add the image to the site Title.(which is H1 type already)

    First, remove the image logo in theCustomizing ▸ Header ▸Logo

    then add this code:

    .site-title a::before{
    
        display: inline-block;
        margin:15px;
        width: 110px;
        height: 96px;
        vertical-align:-50%;
        content: "";
        background:url(http://grupomccac.org/wp-content/uploads/2017/12/sem-o-meio.png) no-repeat 0 0;
        background-size: 100%;	
    }

    Of course, delete the code that I previously gave you.

    Regards

    Thank you! The tool I use to test accessibility is currently offline. Once this goes online I’ll tell you if it worked. But at first it seemed like a great solution! I just want to know if there is a possibility of lowering the title font for viewing by the Mobile. I would like to later put your name or company on the part of employees on our site, is it possible? Your help was very important.

    In fact… I find where to change the font size. Still doesn’t fit so well…. especially on the mobile version

    Hello,@grupomccac!

    You can reduce the size of the font, on smaller screens (smaller than 480 px) , using this code:

    @media screen and (max-width: 480px) {
    .site-title a{
    font-size: 80%!important;}
    }

    Check the screenshot:

    Of course, we will appreciate if you put our company on your website.

    Thanks

    OK Thank you!

    • This reply was modified 7 months, 1 week ago by  grupomccac.

    Hi,

    To show the Title one line below the Logo, add the code below into Customize->General-Additional CSS

    @media screen and (max-width: 480px) {
    .site-title a:before{
    display: block;}
    }

    Change the max-width value per your needs.

    Best Regards

    Hello again,

    I just found the error. In some way, the accessibility tool is not recognizing the alt text of the logo, and so it is marking problems. but I put the alt text. Do you know why this might be happening?

    The image
    https://drive.google.com/file/d/1feC8gKjZj8ckrcJlach_ONhZhfi3ij34/view?usp=sharing

    • This reply was modified 7 months, 1 week ago by  grupomccac.
    • This reply was modified 7 months, 1 week ago by  grupomccac.

    Hi, @grupomccac!

    To add an alt attribute to the Logo, follow the steps below:

    Edit the “header-default.php” file in Agama theme:

    1. First Open Appearance…
    2. then Editor…
    3. On the right side find the header->header-default.php, and click on it to edit the file
    4. Below the “<!– Logo –>” line find the line

    <img src="<?php echo esc_url( get_theme_mod( 'agama_logo', '' ) ); ?>" class="logo" >

    and replace it with this one:

    <img src="<?php echo esc_url( get_theme_mod( 'agama_logo', '' ) ); ?>" class="logo" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
    5. click on Update button to save the changes.

    Screenshot

    Best Regards

    Didn’t worked…

    “We were unable to communicate with the site to check for possible fatal errors, so the change in PHP was undone. You will need to send the changed PHP file in another way, such as via SFTP, for example.”

    I’m having the same problem with the alt text image on the slider 1

    • This reply was modified 7 months, 1 week ago by  grupomccac.

    I downloaded a plugin and worked… Only remain add alt to slider images. Where do I find the line and the right file to change?
    Thank You ! You are saving me.

    Hi, @grupomccac!

    Sorry for the late answer.

    Hope, we will tomorrow release the theme update in which we will fix this issue.

    Regards

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Logo AND name header’ is closed to new replies.