Hi Guys!

I’ve got my site online:

http://entreventos2.lafabricadigital.com.mx/

Issues I’m having trouble with:

1. Menu Links: Placing cursor exactly over links does not work. Link is below type.

2. I used a smaller logo (227 x 123px) than the recommnded maximum size on the administrator theme options which is 340 x 156 px, nevertheless logo keeps resizing. I don’t want that because it loses resolution, original size is -almost- pixels perfect :)

3. On resposive, logo falls over my <div id=header-top>, also breadcrumbs and main container are not where they should be, For sure is the margin I’m using in desktop viewport.

4. Fixed Header with social icons and links falls over header-top image. Maybe client would request taht in the near future.

Maybe making header-top image responsive (reducing size as viwport changes) would help?

Here is the code:

Header.php

<div id='header' class=' header_color <?php avia_is_dark_bg('header_color'); echo " ".$headerMenu; ?>'>
        
        <!-- This is my extra div element-->	
        <?php echo '<div class="header-top"></div>'; ?>
        <!-- Ends extra div element-->

		<?php

		$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');

		//subheader, only display when the user chooses a social header
		if(strpos($headerS,'social_header') !== false)
		{
		?>

Custom CSS:

.container_wrap {
    border-top: none;
}
.header-top {
	position: relative;
	z-index: 400;
	width: 100%;
	height: 80px;
	background-color: transparent;
	background-attachment: scroll;
	background-image:url(../../themes/enfold-child/images/header_image_2.png);
	background-position: center top;
	background-repeat: no-repeat;
        margin-bottom: -50px;
}

.title_container{
        margin-top: 35px;
}

Needless to say I’m not sure if I’m doing this the right way. I’ll appreciate your help a lot.

Thank you, regards.

link instead – http://imgur.com/54XuWgd

Here’s a screenshot:

I want to move the “Culture, Truth, Life, Church” links to the left of the social icons.

Ok thank you! for the info and for the prompt reply!

At the moment the socket is above the social icons. The code here just moves the menu to the left, but does not align them vertically. How do I get them to be side by side?

Hello All,

I actually found the code from the forum that works: .fixed_header #main { padding-top: 65px; }

It has a slight border at the bottom, which I think is from the “main content” being a light BG color. Is there a way to remove it?

Hey Devin!!

Thank you for the swift response!
The smaller layout is 1030px, is it possible for me to make this even a bit smaller?

Regards,
Stefan

I did but I didn’t like your default position. I would like to make the entire icon box clickable and position the Nav bar at the bottom of my logo so I can Social Media Icons, a contact number and a sign up/login button on the top right of the Nav bar. Please advise. thx!!

Just wondering if there is any update on this topic?

Thanks a bunch – Monica

Hi again,

Actually I’d like the width to be even smaller, around 960px.
Is this possible?

Thanks!