[Resolved] Navigator template: increase width of vertical header to the right

Home Forums Support Navigator template: increase width of vertical header to the right

  • This topic has 1 reply, 2 voices, and was last updated 10 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1072604
    Jonas

    Hello,

    I have 2 questions:
    1. I’d like to increase the width of my vertical header to the right. Is that possible? See picture below for better understanding.

    2. Is it possible to create a solid border around the h1 text in my page hero with css? If so, what code do I need to insert where? See picture below.

    Picture: https://postimg.cc/sGyrBRhb

    #1072666
    David
    Staff
    Customer Support

    Hi there,

    in Customizer > Additional CSS – look for this and change the width property to i have marked:

    .site-header {
        position: fixed;
        left: 0;
        top: 0;
        width: 200px; /* change this value */
        z-index: 300;
        height: 100%;
        overflow: auto;
        overflow-x: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-overflow-scrolling: touch;
        transition: .1s ease;
    }

    To add the border is a bit hackish,

    first use this CSS Rule to style the H1 in the hero.

    .page-hero h1 { 
        /* CSS properties here */
    }

    The properties you want to add you can generate here:

    https://owumaro.github.io/text-stroke-generator/

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