Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 17, 2013 at 8:35 am #200993
    ZakP

    Hi Guys!!

    Thank you for your ongoing rapid support! :-). On my website I used the following code to make my image larger:

    strong.logo {
height: 340px; weight: 156px; 
}

    However, the logo now overlaps the main slider image. I used the CSS rule “padding-bottom” to push the logo up but unfortunately the logo shrinks and does not retain the dimensions “340 x 156”.

    Kindly help me with getting the logo in the right place whilst also maintaing the dimensions of the logo I desire.

    Thanks!!!

    December 17, 2013 at 12:07 pm #201049
    Ismael

    Hi ZakP!

    Please use this on your custom.css or Quick CSS to increase the height of the header:

    /*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 130px; line-height: 130px; }

    Adjust the height and the line-height if necessary.

    Regards,
    Ismael

    December 18, 2013 at 12:14 am #201329
    ZakP

    Hi Ismail!

    Thanks!!! is the following code correct for adjusting the height and width of the logo, as only the height property seems to work:

    strong.logo {
height: 340px; weight: 156px; 
}

    Thank you :-)

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change the position of the logo without having it resize and shrink’ is closed to new replies.