Home › Community Forums › Epik Theme Support › Epik header causes nav menu to be in in wrong place
Tagged: epik logo nav menu issue
- This topic has 7 replies, 2 voices, and was last updated 9 years, 7 months ago by
Eric.
-
AuthorPosts
-
June 12, 2013 at 10:21 am #5214
m3sw
CustomerHi
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%;June 12, 2013 at 4:18 pm #5226Eric
CustomerWe 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
June 28, 2013 at 3:29 am #5575m3sw
CustomerThis reply has been marked as private.June 28, 2013 at 1:21 pm #5587Eric
CustomerTake a look here at this comment for your header – http://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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
July 3, 2013 at 4:31 am #5678m3sw
CustomerThis reply has been marked as private.July 3, 2013 at 9:16 pm #5692Eric
CustomerYou can try adding
background-position: 100px 0;
and adjust it until you get the desired affect.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
July 4, 2013 at 12:04 am #5704m3sw
CustomerHi 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
Thanks
July 4, 2013 at 1:16 pm #5720Eric
CustomerYou would add that in your css file to the #header ID around line 638.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
-
AuthorPosts
- You must be logged in to reply to this topic.