Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 24, 2025 at 8:15 pm #1480073
    hisdi

    Hi Enfold support staff, great theme so far! I really like all the options. I was trying to make my website header like the attached screenshot with space to the sides.

    March 25, 2025 at 5:28 am #1480091
    Ismael

    Hey hisdi,

    Thank you for the inquiry.

    You can start with this css code:

    .html_header_top.html_header_sticky #header {
    max-width: 1310px;
    left: 50%;
    transform: translateX(-50%);
}

#main, .avia-msie-8 .av_header_sticky_disabled#header {
    background-color: #000000;
}

.html_header_top.html_header_sticky #main {
    padding-top: 0;
}

    View post on imgur.com

    Best regards,
    Ismael

    March 25, 2025 at 6:47 pm #1480156
    hisdi

    Thanks, That is a great start on my large imac. On my laptop though it doesn’t really show. What would i need to adjust for smaller desktop sizes.

    March 26, 2025 at 3:27 am #1480164
    Ismael

    Hi,

    What is the screen resolution of your laptop? If it has a lower screen resolution, you could decrease the max-width value, then adjust the Enfold > General Layout > Maximum Container Width. Make sure to purge the cache or remove the browser history before checking.

    Best regards,
    Ismael

    March 26, 2025 at 6:53 pm #1480218
    hisdi

    Thanks I will tinker around with it. As for the color I see I can change that in the theme settings/ Logo Area Background Color
    Default Background color. Is there anyway to adjust the opacity of that color?

    March 27, 2025 at 5:38 am #1480238
    Ismael

    Hi,

    Thank you for the update.

    You cannot set the opacity of the background color in the General Styling panel, but you can manually adjust it using css.

    .header_color .header_bg {
    background-color: rgba(255,255,255,0.5);
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.