Tagged: extra elements, header, top section
How do you make the section above header larger so we can make the phone numbers larger at least twice or 3 times the height
Enfold > Header > Extra Elements > Header Phone Number/Extra Info
Thanks
Dave
Hi Dave!
try this code in Quick CSS field:
#header_meta {
height: 50px;
}
and adjust as needed.
Regards,
Andy
And how do you make the phone-info wider?
I dont want it to be two lines, as i have a lot of text in there.
I want it to be over the whole width.
.phone-info {
width: 500px;
}
This code doesn’t solve the problem.
Thanks Andy
But how do you also make the content in the section above the header larger eg Phone Number
.phone-info {
font-size: 15px;
}
or whatever size you need
Hi Floaka Editor
That didn’t work. The Special CSS I have for http://www.autostop.com.au is
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.avia-layerslider {
display: none !important;
}
}
#header_meta {
height: 50px;
}
.phone-info {
width: 500px;
}
.phone-info {
font-size: 18px;
}
What have I done wrong?
Any help is appreciated, thanks Mate
I also noticed what ever I increase the height to for that strip above the header is about the same amount that is taken from the top of the slide show.
I have changed it back to standard til I can make it work properly
So any ideas Guys
Try
.phone-info {
width: 500px;
font-size: 18px !important;
}
Hi @Dave,
Did you have any luck with @FloakaEditor last suggestion? If not then please post a screenshot highlighting the changes you want to make and we’ll have a closer look at it.
Best regards,
Rikard
Awesome, I needed to play with height & text size (keep to proportion) so it so it doesn’t crop the top out of the section below the header. :)