Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 16, 2014 at 11:31 pm #320171
    kathrynmichaud

    Hi – I’m just setting up a new site and I’m having a bit of trouble with the header and image layout. The header keeps disappearing! If I refresh the page it usually comes back. It is on fixed, no repeat.

    I’ve got two images that I’ve used the layout builder for and then put a single image in each. How can I reduce the gap that appears between them? Is there any way to reduce the padding/margin?

    Finally, the border of the socket – is there any way to add a shadow to it?

    Thank you!

    September 17, 2014 at 12:00 pm #320428
    kathrynmichaud

    Hi – I’ve remove the two images I was using on the Home Page so don’t need help with the spacing between single images – just the header disappearing and if it’s possible to add a shadow to the socket border?

    Thanks!

    September 17, 2014 at 1:16 pm #320458
    Yigit

    Hey!

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

    #header_main_alternate, #header {
transform: translateZ(0);
}

footer#socket {
-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

    Regards,
    Yigit

    September 17, 2014 at 1:41 pm #320481
    kathrynmichaud

    Hi – absolutely perfect for the socket shadow thank you – I’m afraid the header is still disappearing if I scroll down the page and then scroll back up again!

    Thanks.

    September 17, 2014 at 1:43 pm #320484
    Yigit

    Hi!

    Which browser and OS are you using? I could not reproduce the issue on my end on Chrome, Firefox and Safari on OSX 10.9.4

    Cheers!
    Yigit

    September 17, 2014 at 1:59 pm #320488
    kathrynmichaud

    Hi – I’m using Chrome and Windows 8 … I’ve checked in IE and you’re right it’s behaving itself! Bizarre …

    One more question – could you tell me the custom css to centre align the socket text please?

    Thanks for your help.

    September 17, 2014 at 2:02 pm #320490
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    span.copyright {
width: 100%;
text-align: center;
}

    As far as i know @ismael is using Windows 8. I asked him to look into the header issue. Let us wait to hear from him

    Best regards,
    Yigit

    September 17, 2014 at 2:12 pm #320498
    kathrynmichaud

    Hi – that’s worked great for the socket text – thank you – would appreciate it if you’d post here if Ismael does find anything that needs fixing and it’s not just my machine!

    Thanks for your help – brilliant Theme – I’ve already bought 6 copies for different websites and am about to purchase a 7th! Not found another Theme this flexible!

    Kathryn

    September 17, 2014 at 10:08 pm #320761
    kathrynmichaud

    Hi – I’ve checked the website on my IPhone and on an IPad and there’s definitely something wrong with the header – it’s not showing correctly/responsively. Perhaps I have the size of the background image wrong? I’d really appreciate it if you could take a look.

    Thank you!

    September 18, 2014 at 7:19 pm #321416
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
.header_color .header_bg { background-size: contain; }}

    Best regards,
    Yigit

    September 18, 2014 at 7:53 pm #321436
    kathrynmichaud

    Hi – yes that seems to have done the trick – thank you. Some of the text on the background image that I’ve added seems cut off when I view it on an Ipad/Iphone – is that just a case of playing around with the layout of my background image until it looks okay on everything?

    Thank you.

    Kathryn

    September 18, 2014 at 10:31 pm #321529
    Yigit

    Hi!

    You can add following code to Quick CSS to display different version of your header background image on mobile

    @media only screen and (max-width: 768px) {
.header_color .header_bg { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); }}

    your current background image is not playing well on mobile header as you can see. changing it should solve the issue :)

    Cheers!
    Yigit

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