Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #320171

    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!

    #320428

    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!

    #320458

    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

    #320481

    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.

    #320484

    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

    #320488

    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.

    #320490

    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

    #320498

    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

    #320761

    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!

    #321416

    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

    #321436

    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

    #321529

    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

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.