• https://bbarwa.redwebtest.com/

    If you look at my home page the logo looks way too small. It has to be this way for the responsive design for the phone size.

    Can I have a larger logo for the full screen mode where the client name would be on 2 lines and wider and then a smaller logo with the client name on 4 lines for the phone?

    I want to use two logo designs/png’s and have the template assign each one depending on size instead of one logo in various sizes.

Viewing 4 replies - 16 through 19 (of 19 total)
  • Thread Starter magicmarker1955

    (@magicmarker1955)

    Is that in the header.php file? Maybe this is over my head but I’m trying to figure it out. I don’t see which file has the <img> tag for the logo?

    Is it in this:

    <div class="my_bg">
    	<div class="container">
    		<div id="logo-area"<?php if ( 'on' == $use_header_banner ) echo ' class="header_banner clearfix"'; ?>>
    			<a>">
    				<?php
    					$color_scheme = et_get_option( 'lucid_color_scheme', 'Orange' );
    					$color_scheme = ( 'Orange' == $color_scheme ) ? '' : '-' . strtolower( $color_scheme );
    					$logo = ( ( $user_logo = et_get_option('lucid_logo') ) && '' != $user_logo ) ? $user_logo : get_template_directory_uri() . "/images/logo{$color_scheme}.png";
    				?>
    				<img src="<?php echo esc_url ( $logo ); ?>" alt="<?php echo esc_attr( get_bloginfo('name')) ; ?>" id="logo"/>
    			</a>
    
    			<?php if ( 'on' == $use_header_banner ){ ?>
    				<div id="top_banner">
    					<?php
    						if ( ( $lucid_468_header_adsense = et_get_option('lucid_468_header_adsense') ) && '' != $lucid_468_header_adsense ) echo( $lucid_468_header_adsense );
    						else { ?>
    						   <a>"><img src="<?php echo esc_url(et_get_option('lucid_468_header_image')); ?>" /></a>
    					<?php } ?>
    				</div> <!-- end #top_banner -->

    [Please use the code buttons when posting code here]

    It’s not a great way of doing it, but this is where it is:

    <a>"><img src="<?php echo esc_url(et_get_option('lucid_468_header_image')); ?>" /></a>

    It’s a bit of work to change it, but when you know what you’re looking for it won’t be to bad. Most of the code in there is set up for the themes options, so there’s a bit to wade through.

    Thread Starter magicmarker1955

    (@magicmarker1955)

    So do I change:

    “><img src=”<?php echo esc_url(et_get_option(‘lucid_468_header_image’)); ?>” />

    to:

    <div>”><img src=”<?php echo esc_url(et_get_option(‘lucid_468_header_image’)); ?>” /></div>

    (Sorry for my ignorance)

    No. As I said before you need to remove the image tag completely. You can either replace that with a new div tag wtih a new ID, or use an existing area that was around where the image tag used to be to set up the log as the background.

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Responsive logo issue’ is closed to new replies.