Hi Mike,

This is from the Enfold Header Transparency Options settings:

What is header transparency
When creating/editing a page you can select to have the header be transparent and display the content (usually a fullwidth slideshow or a fullwidth image) beneath. In those cases you will usually need a different Logo and Main Menu color which can be set here.

The different logo is there and the background color for transparency is empty.

I have checked all the settings and the only thing I can think of is that the CSS I shared with you before somehow is not behaving as it used to and needs to be modified. Here it goes again:

/* Sticky header on Mobile */
@media only screen and (max-width: 767px) {
#header {
position:fixed !important;
top: 0;
}}
@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top:80px !important;
}}

Does this help?

Thank you for your kind assistance!

Warmly,

Havi

Hi guys,

This happens on all installations I’ve checked that have a transparent header:

It must be a bug.

How can I help you resolve it?

Best,

Havi

Hi Victoria!

It partially worked:

/*Home Page Transparent Header*/
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background-color: transparent !important;
}
}

And I don’t know if this is causing it, but the slider text only shows partially. (I didn’t see it move upwards) :(

I am sharing with you the CSS I already have (maybe it clashes with the new Mobile Menu rework but I had it for a long while):

/*make navigation appear on mobile*/
@media only screen and (max-width: 767px) {
.responsive #top .avia-post-nav {
display: block !important;
}}

and:

/* Sticky header on Mobile */
@media only screen and (max-width: 767px) {
#header {
position:fixed !important;
top: 0;
}}
@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top:80px !important;
}}
@media only screen and (max-width: 767px) {
#top .template-shop .container {
padding-top:80px !important;
}}

Thank you!!!!!

Havi

Hi Rikard!!

Certainly! Here it goes: http://argen-travel.com/travel-guide-to-argentina/

Warmly,

Havi

Genius, Jordan!!

Thank you!!! I was close but was not getting there ;)

For whoever else might find this thread interesting, I added white fonts:

/*Table CSS Modifications*/
table tr.avia-heading-row{
background-color: #3d71a1!important;
color:#fff!important;
}
table tr:nth-child(2){
background-color:#2d5c88!important;
color:#fff!important;

Thanks again!!!

Warmly,

Havi

HI Jordan! Quick question, how do you reference the same table but with minimal style?

• This reply was modified 7 years, 5 months ago by havi. Reason: One additional question re: the same ticket

Hi Jordan,

No such thing. Are you using Gas Mask? Really, there’s no need to even access the site. You can create any table inside of Enfold ALB and you will see what I mean.

All I need is the name of the element I need to add formatting to.

Thank you,

Havi

Hi Jordan,

It says Your Support Team. There is no countdown on the Pricing Section (#year) (It could be that you are on the top of the page. The submenu will take you to the pricing section. Or you can scroll down.

Warmly,

Havi

Hi Jordan!
It’s on the development stage right now so I would have to give you an IP address to point there (no problem, just let me know)

But this is just a responsive Enfold table that needs some Quick CSS to add background to the two first rows (heading and pricing rows). We don’t have to limit this to a single page, so if it affects all Enfold tables (not pricing tables) this will do.

I am attaching a screenshot.

Thank you Jordan!!!

Warmly,

Havi

Hi Victoria!! :)

I just need a tiny additional tweak… as I make my mobile menus sticky, when I add this code:

/* Sticky header on Mobile */
@media only screen and (max-width: 767px) {
#header {
position:fixed !important;
top: 0;
}}
@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top:168px !important;
}}

The container for the search button does not stick and the Search Box looks strange hanging from the menu when you scroll down… I know it’s just one additional CSS (and tinkered with a few – made the whole mobile screen fixed lol so basically cannot figure out which element I need to fix)

Thank you in advance for your kind help!!

Warmly,

Havi

Thank you, Victoria!! :) Brilliant!!! Works like a charm!!!

Warmly,

Havi