Hello/Hi/Greetings,
how do I get the header to be displayed only in the middle like images. I don't use floating containers in Bootstrap. The header should not go over the width of the screen.
Slim
Last edited by slim (2022-12-06 17:33:29)
Offline
Hello,
I found another way.
I chose a suitable colour scheme and made a colour adjustment.
This way the two menu bars disappear.
Slim
PS: But I would be happy if you could tell me how to get rid of the overhang on the side.
Last edited by slim (2022-12-04 20:17:50)
Offline
Hello Slim,
I have had a look a one of my own galleries using Bootstrap darkroom (That is what I think you are using, it looks like it anyway). Personnaly my header and menubar are always aligned with the width of the images below.
Do you have a link to your gallery so I can look in more detail at your header and try and come up with a soultion?
Offline
Bonjour Hannah,
I forked the Bootstrap Darkroom theme to have the menu on top of page, but now, I cannot manage to get the title centered. I have tried every thing with css, to no avail, but I think the place for the menu, even if empty now, is kept at the right of the title. Could you give me a hand, please ?
http://photos.katrynou.fr/
Offline
Katryne wrote:
I cannot manage to get the title centered
If by title you mean "Carnets de balades", then try this
a.navbar-brand.mr-auto{
width:100%;
text-align:center!important;
}
Offline
Perfect ! Thanks a lot.
Offline
slim wrote:
how do I get the header to be displayed only in the middle like images.
I assume you want the text aligned in the center, this should do it:
#theHeader p {
text-align: center;
}
I am not sure if it is what you are looking for though, I am not quite sure I understood. Let me know.
Offline