Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 24, 2016 at 10:27 pm #716607
    hartsgold2

    Love the template, however, I’m having issues with the header slider not being full width as in the demo. it looks like there’s a <div> around it which also results in creating white space and not connecting to the special heading tag.
    the native header is 1500 x 630 I want mine to only be 400 height.
    would this be the problem? if so, as its a flex slider why does it flex? how can I correct this and have the size image I want?
    thank you

    November 25, 2016 at 8:55 am #716714
    Rikard

    Hey Helen,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 28, 2016 at 5:05 am #717550
    hartsgold2

    Hi there Rikard,
    The web site is in development so I’m not sure if the link below will work. I’m a bit new to this?
    Everything else is working beautifully.
    many thanks in advance..
    Helen

    November 29, 2016 at 5:24 pm #718380
    Andy

    Hi,

    we need admin access, to be able to view link you’ve provided. Please use private content section to provide us credentials.

    Best regards,
    Andy

    November 30, 2016 at 6:25 am #718631
    hartsgold2

    Hi there thank you,
    I have really enjoyed using the construction theme and if I can overcome the home page slider not behaving the wauI expected it would I would be so pleased.

    To refresh:
    the slider is not butting up to the top menu and the red box ( build the build the people) is not butting up the the slider. There’s too much white space:)

    It probably quite a simple solution but I just can’t figure it out and look fwd to your response.
    More importantly, I look fwd to the solution so I learn why the template did not automatically do it?

    thank you – Helen

    December 1, 2016 at 7:09 am #719098
    Rikard

    Hi,

    Thanks for the details. I’m not sure why that is happening but please try the following in Quick CSS under Enfold->General Styling to see if it helps:

    .home .container_wrap_first .container {
    padding: 0 !important;
}

    Best regards,
    Rikard

    December 1, 2016 at 9:03 am #719132
    hartsgold2

    Hi there Rikard,
    Thank you that it partially worked:)
    The Header is stretching as it should ( yeah!), however, there is still a quite a gap ( white space top and bottom), this seems to occur on the about page as well.
    I have attempted to modify the padding where there is padding, but no change…
    I had a look with the developer tools and its around her that it looks like there is a ‘bloc’ of white pace.
    here is the
    <div class=”template-page content av-content-full alpha units”><div class=”post-entry post-entry-type-page post-entry-19″><div class=”entry-content-wrapper clearfix”>
    </div></div></div>

    I would also like the header images on the ‘about’ page to do the same thing?

    kind regards Helen

    December 2, 2016 at 4:17 am #719473
    Rikard

    Hi Helen,

    Thanks for the feedback, please try this as well:

    .home main.template-page {
  padding:0 !important;
}

    Best regards,
    Rikard

    December 2, 2016 at 6:02 am #719506
    hartsgold2

    Hi Rikard, Thank you so much, it’s looking great:)
    The top of the header connects to the menu beautifully, again thank you…
    How do I remove the white spacing between the header graphic and the RED block of color?
    here is the line out of the developer tools—Ive just realised it the sam as the recent line of code I sent you…
    <div class=”template-page content av-content-full alpha units”><div class=”post-entry post-entry-type-page post-entry-19″><div class=”entry-content-wrapper clearfix”>
    </div></div></div>

    http://hrbydesign.com.au

    I’m so puzzled by this…cheers H

    December 3, 2016 at 6:06 am #719989
    Rikard

    Hi,

    I’m a bit surprised as well, not sure what happend on your site but this should do the trick for removing the space between the slider and the red section:

    
.home #after_full_slider_1 {
  display:none !important;
}

    Best regards,
    Rikard

    December 3, 2016 at 10:10 am #720021
    hartsgold2

    Thank you, Rikard, that looks great! I appreciate your help.

    Part A
    I have checked the responsiveness of the site and the changes we have made have not been applied when I check the responsiveness.
    How should I go about that? Puzzled—Media query – jquery?????

    Part B
    I would also like to see the header and menu connect changes applied to the About page.
    Stretch the header image and have it sit immediately below the menu with no padding. ( as the home page does)

    I’m really puzzled as to why I have had to bother you so much because I have not made changes in the template that much ( only content pages and they are fine), in particular, I have not made changes to the areas you have provided support.

    Again, I appreciate your help,
    regards Helen

    December 4, 2016 at 7:05 am #720167
    Rikard

    Hi Helen,

    Please try the following CSS as well to go full width on mobile as well:

    @media only screen and (max-width: 767px) {
.home .container_wrap_first .container {
    width:100% !important;
    min-width:100% !important;
}
}

    And your about page:

    .page-id-31 .container_wrap_first .container {
    padding: 0 !important;
}

.page-id-31 main.template-page {
  padding:0 !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.