Homepage › Community Forums › Epik Theme Support › Epik header causes nav menu to be in in wrong place
Tagged: epik logo nav menu issue
Hi
I have uploaded a png logo 1125×120, this causes the nav menu to then be displayed below the logo.
Logo was actually ways smaller but I added a transparent bgd as couldnt see a way to add a partial sized logo via the theme header area.
Looking on the forums I then made this change to the CSS, reducing the widget area to 50% but then the menu titles end up too high up!
Please can you suggest how I can add a logo without altering the nav menu positioning?
Its a dev site, but I can send a screen shot if required
Thanks
.header-full-width #title, .header-full-width #title a, .header-full-width #title-area { width: 100%; }
.header-image #title, .header-image #title a, .header-image #title-area { display: block; float: left; min-height: 120px; overflow: hidden; text-indent: -9999px; width: 50%; }
.header-image #description { display: block; overflow: hidden; }
#header .widget-area { overflow: hidden; width: 50%;
We would definitely need to see a link in order to provide a solution for this (screenshots/code won’t be enough to know what the issue is).
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Take a look here at this comment for your header – https://appfinite.com/topic/customizing-epik-header-with-custom-css-file/#post-5560 that explains your situation with the logo and nav not aligning properly.
The navigation is the exact same size as the demo. They are both 13px, so that is correct.
For #3, that only works on the Primary Navigation area, not the header.
You can try adding background-position: 100px 0; and adjust it until you get the desired affect.
background-position: 100px 0;
Hi Eric
Thanks for the reply. As a non developer I have no idea where you are suggesting to add this code, please can you clarify where to add it and what to adjust
You would add that in your css file to the #header ID around line 638.