Return to previous page

Topic: Trouble with logo overhang and sticky header; and FAQ

Tagged: logo overlap in header; faq error

pblasio

Participant

September 26, 2016 8:35 pm

Trouble with logo overhang and sticky header; and FAQ

Header
Hi folks, we’re trying to wrap up our little site, but we’re having trouble with the header in both the default view and the scrolling slim or sticky header view.

Also, the FAQ
If you open and close a few FAQs you’ll notice that after a one or two closing a FAQ item, the copy stacks over the content in the block above it. What’s the story here? How do we fix this?

Wondering if you can help us?
Site URL: hidden
Theme version: 1.7 parent theme as child
WooCommerce version: 2.6.4

Content is visible for topic creator and
support staff only.

#140806 copied to clipboard

Like
Robert Hall

Support staff

September 27, 2016 7:27 am
Hello,

1) Sorry, but your query is unclear.
Please show a screenshot of the issue and what you want to achieve.

2) I’ve added this code in Global Custom CSS. Please check.

.ult_tabs .ult_tabcontent{ height:auto !important; }

Regards,
Robert Hall
#140823 copied to clipboard

Like
pblasio

Participant

October 12, 2016 4:39 pm

1. Sorry, I meant to provide that information. Please see links to the homepage default view that shows the header in its default state, and the header as a sticky header when the user scrolls down.

DEFAULT VIEW:
http://www.st48.com/demofbf/wp-content/uploads/2016/10/FBF-Homepage.jpg

FIXED/STICKY HEADER VIEW:
http://www.st48.com/demofbf/wp-content/uploads/2016/10/FBF-fixed-header.jpg

Please advise. Thank you. Theresa

#142475 copied to clipboard

Like

Robert Hall

Support staff

October 12, 2016 4:45 pm

Hello,

Sorry, but I can’t understand what exactly you want to fix there. Do you want the transparent background in default and fixed header?

Regards,
Robert Hall

#142477 copied to clipboard

Like

pblasio

Participant

October 12, 2016 8:20 pm

A few things going on there:

1. the header should be slightly transparent
2. The masthead image (farm) that is currently displaying under the header bar should be layered beneath the header.
2. the scalloped fluffy bottom farms logo should hang over….about the last 1/4 of the logo should sort of stick out a little.

You can see it better when you look at the sticky header example where we show the user has scrolled down the page.

LMK if you need more information. I really appreciate your assistance. T

#142501 copied to clipboard

Like
Robert Hall

Support staff

October 12, 2016 8:46 pm
Hello,

I’ve added the following code in 8theme Options->Styling->Custom CSS->Global Custom CSS. Please check.

.home .header-type-3 .header { background-color: rgba(255,255,255, 0.9); height: 110px; } .navbar { padding: 10px 0; } .home .header-type-3 .header .menu-wrapper { display: inline-block; padding-top: 20px; } .fixNav-enabled .fixed-active .header-wrapper { background-color: transparent; }

Regards,
Robert Hall
#142502 copied to clipboard

Like
pblasio

Participant

October 31, 2016 6:35 pm

Yes! Thank you that solved the problem in the desktop view. In the mobile view – the logo looks like it gets stuck behind the masthead image. if you squeeze the page down to mobile view, you’ll see it right away.

Thank you and please advise. Thanks, Theresa

#144537 copied to clipboard

Like
Eva Kemp

Support staff

October 31, 2016 6:46 pm
Hello,

Please add this code in Custom CSS for mobile section:

.template-container .header-logo { z-index: 1; }

Regards,
Eva Kemp.
#144540 copied to clipboard

Like

Viewing 8 results

1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

Topic: Trouble with logo overhang and sticky header; and FAQ

Usefull links

Did you know ?

Support Stats

Topic: Trouble with logo overhang and sticky header; and FAQ

Usefull links

Did you know ?

Support Stats

Log in to 8theme

Oops, looks like you don’t have access!

Please, enter the appropriate Envato purchase code below to create a topic on current forum