Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #28366

    I want to re size orange box only – thanks.


    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?




    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 .



    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.




    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.




    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.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to Resize Header – with social icons’ is closed to new replies.