Hi,

I would like to see a transparent header/nav in some pages of The Events Calendar (month, list and eventview). For the eventview I added some code to functions.php which shows the transparent header/nav option and added a block of code to default-template.php to show a big header (not fancy, but it works)

<div id="av_section_1" class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll  avia-builder-el-0  el_before_av_fullscreen  avia-builder-el-first   av-minimum-height av-minimum-height-custom container_wrap fullsize" style="background-color: #329dfc; background-repeat: no-repeat; background-image: url(https://www.ericsmeets.nl/testserver/wp-content/uploads/2016/02/bg_overig.png); background-attachment: scroll; background-position: bottom right; background-color: #329dfc; " data-section-bg-repeat="no-repeat">
			<div class="container" style="height:430px">
				<main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units">
					<div class="post-entry post-entry-type-page post-entry-7343">
						<div class="entry-content-wrapper clearfix">
							<div style="padding-bottom:10px;color:#ffffff;font-size:70px;" class="av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote modern-centered  avia-builder-el-1  avia-builder-el-no-sibling   av-inherit-size"><h1 class="av-special-heading-tag" itemprop="headline"><?php the_title() ?></h1><div class="av-subheading av-subheading_below av_custom_color" style="font-size:20px;"><p><?php the_field('subtitle_eventheader','option') ?></p>
							</div>
							<div class="special-heading-border">
								<div class="special-heading-inner-border" style="border-color:#ffffff"></div>
							</div>
						</div>
					</div>
				</div>
			</main>
		</div>
		<div class="av-extra-border-element border-extra-arrow-down">
			<div class="av-extra-border-outer">
				<div class="av-extra-border-inner" style="background-color:#329dfc;"></div>
			</div>
		</div>
	</div>

I copied this block from another page which has a header and changed the title to the default page title. But after some time I noticed that the month and list view are also using this file.

Is there a way to get these options in the theme itself, or which file do i have to change to get this layout?

To clarify the issue I’ve added some printscreens.

This is de desired view, transparent nav and big header

This is the month-view. I would like the same layout as the event-view

This is the list-view, I also would like the same layout als the event-view

• This topic was modified 10 years, 1 month ago by EricSmeets.

I figured out how to change the font size and spacing on mega menu from one of the other posts. However, I have one main menu item that is just a drop down. Can you provide the css for the drop down to match my existing font size and spacing like i have it in my mega menu please. Below is what i currently have in my css:

.logo img { position: relative; top: 6px; }
#top #header .av-main-nav > li > a {
        font-size: 20px !important;
    }
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; }
.avia_mega_div .avia-bullet { margin-top: 8px; }
#top #header .avia_mega_div > .sub-menu { padding: 5px 18px 5px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 14px; }
#top #header .mega_menu_title a { font-size: 16px; }
.av-main-nav > li > a {
    padding: 0 20px;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{
    padding-left: 20px;
    margin-left: -20px;
}