Can you help me customize the header? What do I need to fix?
]]>1) I cannot figure out how to tighten up the drop-down menu, so it is not spread completely across the page with the button on the far right and text on the far left.
2) I cannot figure out how to make the background opaque-to-fade like it is on desktop.
I like the way it looks otherwise, any help is very much appreciated!
]]>Is that possible? Can I do it in the customize>additional css menu? If yes what is the css I need to use.
]]>I want to customize the header in a few ways – change height, make it sticky, design menu. How can I do these using CSS coding?
I do not have Elementor Pro, and I do not intend to buy that as of now.
Thanks a lot!
]]>I want it to look like this site
or like this site where the language switcher is in the top right corner of the header instead (that site actually uses the same theme, so it should be possible).
Thanks so much!
]]>I have paid for this theme and I have paid for the support however, they are not answering my support request so I am posting here hoping that I can somehow get some additional guidance on this issue. Please help! Thank you!
]]>www.TomHerstadBook.com – please see the home page, and please suggest what I may be doing wrong. Changing the height of the header image doesn’t change anything. It’s as if there’s an override code that’s not allowing my css codes in my custom css file to work. I’ve included the custom css content at the end of this post.
I’ve switched off the icons from being visible from the Convac Theme Options, but wonder if that’s anything to do with that… I suspect that’s not the real issue.
Anyone’s help asap, will be much appreciated. Thanks,
My custom css content.
.item_selected {
border-bottom: 1px solid #98dbd1;
display: inline-block;
left: 0;
margin: 0 22px;
position: absolute;
right: 0;
top: 36px;
}
.flex-caption {
color: #551811;
height: 280px;
left: 0;
margin: 10px auto;
overflow: hidden;
position: relative;
right: 0;
text-align: center;
top: 0px;
width: 100%;
}
.flex-caption .slider-title {
font-weight: 500;
}
.homepage-slider {
width: 1024px;
height: 360px;
}
#logo #site-title a {
color: #fff;
display: inline-block;
letter-spacing: 0.5px;
font-family: ‘Open Sans’, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 23px;
text-decoration: none;
text-shadow: 2px 0 0 #000;
}
#author-slider .slides li img {
border: 7px solid #fff;
}
.slider-title {
margin-top: 30px;
font-size: 25px;
line-height: 25px;
padding-bottom: 13px;
}
.page-content {
padding-top: 0px;
}
#skenav a {
color: #ffffff;
display: block;
font-size: 17px;
line-height: 53px;
padding: 0 22px;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
text-shadow: 2px 0 0 #000;
}
.post-title a {
font-family: ‘Open Sans’, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 26px;
}
a {
text-decoration: none;
color: #98dbd1;
}