Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 24, 2013 at 2:02 am #28366
    August 24, 2013 at 11:03 am #137353
    DigitalBerg

    I want to re size orange box only – thanks.

    August 24, 2013 at 11:33 pm #137354
    Devin

    Hi qamarqrsh,

    In what way do you want to re-size the orange section of the header? Height, width, or add spacing to adjust elements?

    Regards,

    Devin

    August 25, 2013 at 12:56 am #137355
    DigitalBerg

    Thank you Devin for getting back to me, I would like to re-size orange box in height from top and bottom side.

    Any Quick css coding or idea please?

    Actually orange box looks very big need to resize it to bit more smaller .

    Regards

    August 25, 2013 at 3:09 pm #137356
    Devin

    Try ading the folowing CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .bottom_nav_header.social_header #header_main .container {
    
height: 70px;
    
line-height: 70px;
    
}
    
#header_main_alternate {
    
background: #fff;
    
}

    Adjust the 70px number as needed.

    Regards,

    Devin

    August 25, 2013 at 6:00 pm #137357
    DigitalBerg

    Hi Devin,

    Work like a charm however, logo get shrink any css for this or idea ? how to resize to bit big logo?

    or what will be the size of the logo now.

    Regards

    Qrsh

    August 26, 2013 at 1:36 pm #137358
    Devin

    You can make your logo image go all the way to the edge of the actual file instead of having spacing. Otherwise the logo size is determined by the container size.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to Resize Header – with social icons’ is closed to new replies.