Hi Kriesi-Team,
together with your support I added the following:
#galerie .container {
width: 100% !important;
height: auto !important;
margin-top: -47px;
}
Now I’m having 2 issues here:
1. Do I really have to add “margin-top: -47px;” as I would like to keep it 100% responsive without any absolute px-values.
2. In the gallery it first looks good, but as soon as I scroll down I start to see a line at the bottom of the header (I’m testing it with Chrome)
Hi quicky2000!
1. Responsiveness of a theme has more to do with the display width.
margin-top
affects the height of the document which results in increase or decrease in the document height, which is not a factor that affects responsive designs.
2. Add the following code to the Quick CSS textarea in the Enfold Theme Options or custom.css to remove the border when scrolling
#header{
border-color:transparent;
}
Cheers!
Arvish
Hey Arvish,
thanks alot, however, it doesn’t work :-( Also tried with !important.
Any idea?
Hey!
Add the following and try again
#header_main {
border:none;
}
Regards,
Arvish