Archived topic
Navigator template: increase width of vertical header to the right
1 reply · Started by Jonas on November 22, 2019
Viewing posts 1–2 of 2
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
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:
This archived topic is closed to new replies.
