How do I adjust the header’s width?

  • Hello

    As you can see the header consumes too much height, the reason is I must add another section in the right top table for announcement:
    2018年8月26日 Annoucement：Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra tortor sem

    I wonder how can I use more space from two sides so that both banner and table get more space?

    And where do I decrease the space in the menu, the white space on and beneath the menu text consumes too much height, I want to adjust it.

    Thank you very much.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator t-p

    (@t-p)

    Please identify exactly which theme you are using and then post in that theme’s dedicated forum via its page in the Theme Repository.

    Hi Mdivk,

    From what I can see, you have a lot of padding on the left of the table and some on the banner, if you use chrome inspect tool, you can adjust and test the CSS before implementing on your site to achieve what you need.

    Hope this sorts it for you.

    Thread Starter mdivk

    (@mdivk)

    @alucas36 Thank you for the hint, that’s what I was thinking as well, can you be more specific on how do I adjust the margin/padding for the header_section? I tried adding padding-left:0px to it, no change. ??

    Thanks.

    Thread Starter mdivk

    (@mdivk)

    also tweaked on margin with no effect.

    Hi
    Its seems to be to do with your .container div – you have a container width set to 1170px and a margin there – if you change margin to 0 or whatever you want and increase width it adjusts right out. You should be able to tweak to achieve what you need.

    Hope that helps.

    Thread Starter mdivk

    (@mdivk)

    Thank you Lucas, for your finding,

    with the left margin set to a fixed value (30px), it leaves me lots of space on the right.

    And I want to use that area for the marquee so announcement could be released there.

    As you can see from the live site, it doesn’t go there. Here is the php code for this theme:

    <div class=”container” >
    <div class=”row “>
    <div class=”col-md-6 col-sm-12 wl_rtl”>
    <div claSS=”logo”>
    <p style=”color:yellow;font-size:100px;”>
    冠名赞助：<font color=”#eeca76″ size=”smaller”>丹丘财富</font>
    </p>
    </div>
    </div>
    <div class=”col-md-6 col-sm-12″>
    <ul class=”head-contact-info”>

    <ul class=”head-event-info”>
    <table width=100%>
    </table>

    </div>
    <div class=”col-md-6 col-sm-12″>
    <?php vmarquee( $setting=”1″, $group=”GROUP1″ ); ?>
    </div>
    </div>
    <!– /Logo & Contact Info –>
    </div>
    </div>

    The marquee is now showing underneath the middle contact/event table section.

    How do I align the three div so they are displayed on the same level?

    Thank you very much.

    By the way, <p style=”color:yellow;font-size:100px;”> doesn’t work out as expected. I need a way to adjust the font style. the <p must have been overridden by higher level css? Can I retain it? if not, what would be the easiest way? Thanks.

    Thread Starter mdivk

    (@mdivk)

    In particular, I see with Firebug the following divs:
    class=”col-md-6 col-sm-12 wl_rtl”
    class=”col-md-6 col-sm-12″

    It looks like defining the sections, don’t know where are they generated.

    Any clue is sincerely appreciated. Thanks in advance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How do I adjust the header’s width?’ is closed to new replies.