Resolved

Control the size of Site Header

Ultra Theme started by aryegur Nov 22, 2016 10 replies
aryegur Nov 22, 2016 · 7:50 pm #5530

HI,

I need your help please,

I have problems with the size of the Site Header’s header. http://nurit-pagi-tour.co.il

How can I control the Site Header?

How can I pull codes or any thing else that is needed from Ultra to Ultra child?

Thanks,
Arye

Andrew Misplon Puro Nov 22, 2016 · 9:17 pm #5531

Hi Arye

Thanks for reaching out.

To allow more space for your site title, add the following to your child stylesheet:

/* Header Widths */
.site-header .site-branding-container {
	max-width: 45%;
}

.main-navigation {
    max-width: 55%;
}

Try the following to adjust the header height:

/* Header Height */
.site-header,.site-header .container,.site-header .site-branding-container,.main-navigation .menu-search {
    height: 112px;
}

.main-navigation div > ul > li > a,.main-navigation .menu-search .search-icon:before {
    height: 112px;
    line-height: 112px;
}

.main-navigation ul ul {
    top: 109px;
}

The last value must be 3px less than whatever you set the 112px values to. Header height is a feature of the premium theme Customizer if you’re interested.

Hope that helps.

aryegur Nov 22, 2016 · 11:09 pm #5532

Hi Andrew and thank you very much for the quick reply.

I still have a problem in controlling the site header’s size of letters and making part of the words bold.

The final view that I want to get is

Nurit Pagi| Israeli tourist tour

Is it possible?

Thanks again,
Arye

Andrew Misplon Puro Nov 23, 2016 · 11:42 am #5533

Sure. You can control the site title size as follows:

/* Site Title */
.site-header .site-branding h1.site-title {
	font-size: 36px;
}

Unfortunately, there isn’t currently a method in CSS to target specific words.

aryegur Nov 23, 2016 · 10:52 pm #5540

Thanks Andrew.

I have purchased the Meta Slider Pro and have some problems that I hope to solve tomorrow.

Arye

aryegur Nov 24, 2016 · 10:07 pm #5551

Hi Andrew,

I have another issue regarding adding captions to slides in the Meta Slider Pro.

I set captions in Theme Editor, making the background transparency and the caption is centered vertically and horizontally – but when I go back to Meta Slider Pro – none of the changes I made are visible. Like I did nothing.

Another question is how can I control the size of the fonts in the slides?

Thanks,
Arye

Andrew Misplon Puro Nov 25, 2016 · 12:38 pm #5555

Hi Arye

Apologies for this hassle. I will resolve this in an update on Monday. For now, edit your slider and change it to Coin Slider or any slider except Flex Slider. Ultra has Flex Slider CSS that’s overriding the theme. I’ll correct this on Monday. So the short term fix, switch to any of the other sliders.

aryegur Nov 25, 2016 · 1:38 pm #5556

Thanks Andrew,

R slides is OK, but I still don’t see how to control the size of the caption that I add to the slides.

Arye

Andrew Misplon Puro Nov 25, 2016 · 2:09 pm #5557

For sure.

I haven’t worked much with Meta Slider Pro in the past. Tom and the team at Meta Slider are top notch if you want to perhaps ask them for specific theme advice. Is there no option to change the caption when working in the theme editor?

aryegur Nov 25, 2016 · 2:37 pm #5558

I don’t see such an option although I am sure that there must be one…

I’ll ask them

Andrew Misplon Puro Nov 25, 2016 · 2:44 pm #5559

Super. That’ll be best. I’m sure they can assist with a complete answer.

11 posts