-
AuthorPosts
-
November 19, 2015 at 7:00 pm #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, pleaseNovember 20, 2015 at 5:33 pm #539796Hey 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,
YigitJanuary 5, 2016 at 10:53 am #559820Hi,
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
January 5, 2016 at 11:23 am #559839Would 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 ChromeJanuary 5, 2016 at 4:43 pm #560008Hey!
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,
YigitJanuary 5, 2016 at 5:22 pm #560034Hi!
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,
VinayJanuary 11, 2016 at 1:37 pm #5630941. 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 topThank 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
January 12, 2016 at 4:32 pm #563978Hey!
Looks like you have reset the site i cannot see the one before to rectify any issue.
Regards,
VinayJanuary 12, 2016 at 5:18 pm #564044Hi,
no, you are wrong, the issue is still the same
Regards
ALJanuary 13, 2016 at 10:08 am #564464Hey!
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!
IsmaelJanuary 21, 2016 at 6:15 pm #569536Hi 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
January 21, 2016 at 7:20 pm #569567Hi,
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
January 25, 2016 at 11:00 am #571214Hi!
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 -
AuthorPosts
- The topic ‘Margin at top and bottom of pages – Boxed Layout – Shrinking Header’ is closed to new replies.