CSS not working in FireFox

[ruenel]

Hello There,

The ID did not display in the front end. You added a custom class topbanner. Please have your code updated and use this instead:

@media(max-width:767px){
  .x-section.topbanner .x-container.marginless-columns {
    display: table;
    table-layout: fixed;
  }
 
  .x-section.topbanner  .x-container.marginless-columns .x-column {
    display: table-cell !important;
    margin-right: 0;
    float: none;
    vertical-align: top;
  }
}

Please let us know how it goes.

[scottvarga]

It didn’t display probably because I took it out.

So I am a bit confused. If I put this code in the Global CSS what do I put on the page and where? I am using a class called “topbanner” for something else

[friech]

Hi There,

Please add this to Theme Options > CSS

@media (max-width: 767px) {
	.absolute-bottom {
		position: absolute;
	    padding-bottom: 0 !important;
	    bottom: 0;
	}
}

Then apply the CLASS absolute-bottom to the column where your text is placed.

The bottom: 0; property is the one that determines how far your text from the bottom edge of the section, adjust that where you see it fits. This CSS code does not affect the desktop view only the mobile (767px screen and below), this code should work on all browsers.

Hope it helps,
Cheers!

[scottvarga]

Just tested it out and it works perfectly!

Thank all of you guys for hanging in there with all my issues!

THANKS!!!

[paul.r]

You’re welcome!