sacredpath
(@sacredpath)
Automattic Happiness Engineer
This is strange, and I’m not sure why this is happening. The relevant CSS and HTML on the full-width page and others is the same. The following CSS will fix the issue on all full-width pages.
.page-template-full-width-page .site-branding {
min-height: 150px !important;
}
It works perfectly, thank you sacredpath!
Hi,
I have reopened this topic because I am facing a new issue with my header size… The CSS sacredpath gave me works well for old pages, however on new full-width pages it seems to generate another issue.
See for example: http://www.hortense-capucine.com/doudous/milo/
and compare with an older page: http://www.hortense-capucine.com/doudous/melusine/
When I try to delete the CSS: new pages are OK, but old pages are affected again (frustrating!)
Do you have any clue for me?
Many thanks.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Wow, this is interesting. I can’t see why this is happening. I’m chatting with one of our developers on this and will hopefully have a solution for this quickly. Hang in there.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
The only differences in the HTML on the two pages is that a CSS ID of index is set in the opening HTML tag. As a temporary fix, let’s use that to target just the one page that had the issue. Change the rule I had given before to this.
#index .site-branding {
min-height: 160px !important;
}
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Add this to your CSS:
.site-branding {
padding: 0;
}
Make sure and look around at pages and posts and make sure nothing goes awry, but I don’t think it will. Our developers are still looking into why this is happening on one page but not the other.
Hi sacredpath and thank you a lot for your help.
OK, I tried the 2 new CSS rules you gave me:
– The first one gives the same result as if I completely delete the CSS (i.e. new full-width pages are OK but old pages show the issue again).
– The second one makes my header reduced on all pages (not only full-width).
Looks like an impossible issue! 🙂
I have observed that header issues seem to appear following wordpress updates… Is there a possible link?
Up for this topic, I still have the issue!
Thanks.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi, we have been unable to reproduce this issue. I have another thing for you to try. Add the following to the bottom of your custom CSS. It appears to take care of the problem page, but doesn’t mess with the page that doesn’t have the problem.
.site-branding {
padding-top: 0;
padding-bottom: 0;
}
hi i am trying to move my image slide up to fill the space between the main menu and the header at the top. can i please get some help
this is my website edifyus.co
1 more thing i need help with.
how do i get the image appear full width
i am using meta slider, when i click preview in meta slider the image appear the size i want but when viewed on the website it changes. i know it is something to do with the SELA THEME css.
Please can some help me with this. i have been trying different thing but not working
Thanks
Hi,
Thank you for your support!
I have updated Sela to the new version 1.0.12 and after that all my pages (even the main page) were having the issue.
I tried the different CSS you gave me and the combination of the following solved the issue on all pages:
.site-branding {
min-height: 160px !important;
}
.site-branding {
padding: 0;
}
If it can help someone else…
Thanks again.
obedyeboah – please start a new thread to get help with your issue – thanks.
https://wordpress.org/support/theme/sela#postform
HortenseCapucine – glad you’re set. I’m marking this thread as resolved.
Hi Kathryn. Thanks for replying. I have just made the new thread
Cheers.
