Header 100% width, content boxed

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 21 replies, 5 voices, and was last updated 10 years by laranz – SUPPORT.

Viewing 15 posts - 1 through 15 (of 22 total)

1 2 →

Back to forum

Posted in: Dante
September 4, 2014 at 9:17 pm #107192

wired_pl
Member

Post count: 40

Has anyone tried to change the layout of Dante, to have a full width of header and boxed content?

September 5, 2014 at 7:02 am #107324

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please refer this topic http://support.swiftideas.net/forums/topic/full-width-header-with-boxed-layout/ to get help about this. Hope that should help to you.
Thanks 🙂
With Best Regards
Mohammad

September 6, 2014 at 3:34 pm #107647

wired_pl
Member

Post count: 40

Hello Mohammad,
When the header.php is changed according the instructions from that topic, header is not sticky anymore and content covers it.
Regards,
Michal

September 7, 2014 at 3:41 am #107744

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
May i check the changes as you made?
Thanks 🙂
With Best Regards
Mohammad

September 7, 2014 at 6:57 am #107763

wired_pl
Member

Post count: 40

This reply has been marked as private.

September 8, 2014 at 8:50 am #107915

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please use this custom css code:-
.header-wrap{margin-bottom:10px !important}
Thanks 🙂
With Best Regards
Mohammad

September 8, 2014 at 5:36 pm #108188

wired_pl
Member

Post count: 40

Hi Mohammad,
It works, but only in Firefox, not in Chrome or Safari 🙁
Michal

September 9, 2014 at 9:20 am #108394

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please provide me correct admin login detail to view your website.
Thanks 🙂
With Best Regards
Mohammad

September 9, 2014 at 10:57 am #108527

wired_pl
Member

Post count: 40

This reply has been marked as private.

September 9, 2014 at 9:01 pm #108835

laranz – SUPPORT
Member

Post count: 3186

Hi,

In Chrome also it looks without any problem http://take.ms/t3ZON can you double check it by clearing the caches?

Let us know,

Thanks,
laranz.

September 9, 2014 at 9:24 pm #108840

wired_pl
Member

Post count: 40

laranz: you don’t see the problem, because you use too big screen resolution 🙂 see http://take.ms/HL6Ha

September 10, 2014 at 11:33 am #109053
Kyle – SUPPORT
Moderator

Post count: 35880
Hi

Please remove the header.php file from your child theme, or undo the change you made. Then you can use this css:
```
@media only screen and (min-width: 769px) { 
.header-wrap {
  position: fixed;
  left: 0;
  right: 0;
}
}
```
It’s a much simpler way

– Kyle
September 10, 2014 at 1:00 pm #109095

wired_pl
Member

Post count: 40

Kyle: Unfortunately by doing this, the header will be “boxed” again. I don’t want this.
Header static 100% width.
Content boxed, not covering or doing under header.

September 10, 2014 at 1:09 pm #109096

Kyle – SUPPORT
Moderator

Post count: 35880

I’ve made this change on the dante demo and it works fine? (see screenshot) Header is full width

– Kyle

Attachments:
You must be logged in to view attached files.

September 10, 2014 at 3:20 pm #109162

wired_pl
Member

Post count: 40

Kyle: it works under FF, but not under chrome and safari. I want to get such result: http://take.ms/rDPup
Back to forum

Posted in: Dante