Forum Replies Created
- AuthorPosts
- nguyen4514Participant
If you are willing to dive into the main css file, you can adjust the size of the header. I increased the header size to 110px. I didn’t have a large logo. I just thought that a slightly larger header size looked better on mobile devices.
#ht-masthead{
border-top: 4px solid #FFC107;
background: #FFF;
height: 110px; <——— changed this
border-bottom: 1px solid #F1F1F1;
z-index: 99;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
}nguyen4514ParticipantI have also run into this problem. There are a couple of ways to fix this. The first way is to use less text in the slider. This is why the demo theme looks great on desktop and mobile devices, but not too great if you need more text.
What I did was increase the padding for the slider caption. By default, it is set to 20%. I changed it to 30%. Although text still runs over when most mobile devices are held in portrait mode, it looks fine when in landscape mode.
.ht-slide-cap-desc{
text-align: center;
font-size: 25px;
line-height: 1.4;
color: #FFF;
padding: 0 30%; <——– originally set to 20%
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}I haven’t seen this problem on a tablet yet. Just mobile phones.
Definitely use a child theme if you are making changes. I modified things directly for testing purposes.
This is more of a temporary solution. I’m assuming the theme developer will come up with something more permanent.
- AuthorPosts