Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #539168

    Hi,
    I’m using a boxed layout with a fixed and shrinking header.

    And I want to have a margin at the top and bottom

    #top.boxed {
    margin: 40px auto;
    }

    This works well.

    The problem is: I dont want to have a top margin with the shrinked header.

    What can I do?
    Would you help me, please

    #539796

    Hey anna-leo!

    Can you please post the link to your website and a screenshot showing the changes you would like to make so we can make sure to understand you clearly and provide an accurate solution? :)

    Regards,
    Yigit

    #559820

    Hi,
    I send you a link to my test site.
    Is it possible when scrolling to get the shrinking header to the top of page – without margin?

    Thanks

    #559839

    Would you please look at another problem at the site. There is a small white border on the left of the Layer slider at the frontpage.
    I’m using a laptop with Windows 7. The problem exist with Firefox 43.0.3 and IE 11. There is no problem with Google Chrome

    #560008

    Hey!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header.header-scrolled {
        top: 0;
    }

    2- I checked your website on Firefox on OS X 10.11 and could not see a border on LayerSlider. I asked my teammates to look into it. Please kindly wait to hear from them

    Regards,
    Yigit

    #560034

    Hi!

    I’m using a 21inc screen and the white border is not visible unless the slider width is 1196px. If you re-size the browser the border goes away.
    The slider is trying to re-adjust the image size and at exactly 1196px the image width and height ratio is falling 1px short.

    Solution: Try to add the same image after cropping a few pixels on top or bottom.

    Best regards,
    Vinay

    #563094

    1. Margin at the top of page
    Hi Yigit,
    thanks for the solution.
    Is there also a quick solution to get a smoother transition? With Firefox it looks not good,
    You can see the “normal” Header scrolling to top behind fixed header since margin is 0.
    Then scrolled header “jumps” to top

    Thank you.

    2. Left white border with slider

    Hi Vinay,

    I have tried it with cropping a few pixels from top of the picture – there is no effect.
    I also tried it with your demo-sliders. The border remains.

    What can I do?

    Best regards

    #563978

    Hey!

    Looks like you have reset the site i cannot see the one before to rectify any issue.

    Regards,
    Vinay

    #564044

    Hi,

    no, you are wrong, the issue is still the same

    Regards
    AL

    #564464

    Hey!

    I’m sorry but the slider is different compare to the screenshots. Did you remove the previous slider? Please create a test page so that we can inspect the issue.

    Cheers!
    Ismael

    #569536

    Hi Ismael,

    it is a different slider, but the issue is the same. The 1px border left is also there with your example slider !
    I’m using a 15,6 inch monitor, resolution 1366 x 768.

    If I reduce the browser size a little bit, the border dissapears! I quiet agree with Vinay.

    Thank you

    #569567

    Hi,
    I got it !
    I have just copied the sample slider with its settings.

    Now I have changed Slider settings to slider width: 1310px (previously: 100%)
    and at Full-width slider settings I have disabled Full-width.

    That’s it

    Thank you for your help

    #571214

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Margin at top and bottom of pages – Boxed Layout – Shrinking Header’ is closed to new replies.