Add space between logo and header slider

  • Resolved e_kelleher

    (@e_kelleher)


    9 years, 4 months ago

    The text from the header slider is overlapping with menu bar under the logo. How can I add a few blank spaces so that the text doesn’t overlap.

    The client wants their webpage kept offline until it is completed, so I didn’t include a link here, but if you need one, please let me know and I will enable it long enough to get someone to see the problem.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter e_kelleher

    (@e_kelleher)

    I should add that I enlarged the header with this code:
    {
    position: absolute;
    }
    .site-logo {
    max-height: 50%;
    max-width: 75%;
    }
    It looks good that way, but I need to move the text of the slider down now. Thanks.

    where did you add this code ? Also does it separate the header rather than overlapping with slider image ?

    Thread Starter e_kelleher

    (@e_kelleher)

    Added to custom css. Problem is solved. I added this code and it brought the text in the slider down enough to eliminate the overlap.

    .text-slider-section { top:450px;}

    Thread Starter e_kelleher

    (@e_kelleher)

    The above code worked for a while, but then started acting weird and added too much extra space… so I changed it to this one.

    .text-slider-section {
    top: initial;
    min-height: initial;
    bottom: -20px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add space between logo and header slider’ is closed to new replies.