Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 9, 2020 at 7:28 pm #1171922
    bastok2

    Hi,
    First, thank you for the wonderful work of your support.
    It saves me several times !

    I’m looking for a solution to create a header with a color solid that wouldn’t fit the entire screen width.

    https://drive.google.com/open?id=1y_UDpeGP3CzKTWKX1Xda_Ns75d-80Q0b

    January 9, 2020 at 10:29 pm #1171981
    Victoria

    Hey bastok2,

    Can you show us what you’ve got so far? It might be difficult but maybe it can be done.

    Best regards,
    Victoria

    January 14, 2020 at 1:17 am #1173005
    bastok2

    Hello Victoria,

    Thank you for your kind answer.
    Here is a link in private

    The solution i got for the burger menu position is not the good one.

    I dont know how to decrease the header background width to keep the photo below visible.

    Best regards

    January 14, 2020 at 10:59 am #1173212
    Rikard

    Hi,

    Thanks for that. This CSS might set you off in the right direction:

    #header {
    max-width: 90%;
    width: 90% !important;
    left: 5%;
    margin-top: 40px;
}

    Best regards,
    Rikard

    January 14, 2020 at 5:43 pm #1173489
    bastok2

    Thank you Rickard.
    It works fine !

    Now i need to fine the way to avoid the fade on the header when i scroll down.

    Best regards,
    Bastien

    January 15, 2020 at 8:06 am #1173820
    Rikard

    Hi Bastien,

    Thanks for the update. Which setting are you using for the header on the page in question? Please make sure that it’s not set to any type of transparency. If that doesn’t help then please include admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    January 15, 2020 at 11:46 am #1173911
    bastok2

    Hi Rickard,

    I was using a transparent header.
    If i set the page with no transparency, there’s still a blue color background of about 112px height above the photo.

    Best regards,
    Bastien

    January 16, 2020 at 6:39 am #1174748
    Rikard

    Hi,

    Thanks for the update, but I get a 404 page when trying to view your site now. Did you delete or move it?

    Best regards,
    Rikard

    January 16, 2020 at 12:02 pm #1174871
    bastok2

    Hi,

    The website is online.

    Bastien

    January 20, 2020 at 3:49 am #1176181
    Ismael

    Hi,

    Thank you for the info.

    Add this css code to get rid of the fade animation during scroll.

    #top #wrap_all .header_color {
	background: #002f6c !important;
}

    Best regards,
    Ismael

    January 20, 2020 at 10:08 am #1176229
    bastok2

    Hi,

    Thank you Ismael !

    January 21, 2020 at 5:26 am #1176543
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 21, 2020 at 9:39 am #1176616
    bastok2

    Hi Rickard, thank you for all.
    You can close the topic.

    Best regards,
    Bastien

    January 21, 2020 at 12:42 pm #1176681
    Rikard

    Hi,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Is it possible to do that kind of header ?’ is closed to new replies.