803207739ucla

I tried to enter a “code box”, but I guess I didn’t do it correctly. Make sure not to include the apostrophe that precedes the css code in the previous example.

.text-slider .maintitle {
font-family: Roboto;
}

.text-slider .subtitle {
font-family: Roboto;
}

I figured this one out. ??

I searched previous threads and was able to put two-and-two together.

———

`.text-slider .maintitle {
font-family: Roboto;
}

.text-slider .subtitle {
font-family: Roboto;
}

———

Great, I’m glad it worked!

.

.

Of course, it’s always important to pay it forward.

Thanks again

*I got it

OMG! I got, awanrmb!! ??

So I went to (1) “Edit Page”, (2) selected the wrench for the row “Edit Row”, (3) clicked on “Theme”, (4) added “disable-parallax” to the Row Class, (5) then added the following css code to my child theme

.disable-parallax{
background-position: 50% 50% !important;
background-attachment: scroll !important;
}

—————
I can’t believe I finally got it. This thing has been driving me crazy. ?? I still really appreciate your help with this, however.

Thanks!

Hi awanrmb,

I put it into my child theme (style.css).

Is this where it’s supposed to be?

I’ve also tried putting it into “Appearance -> Custom CSS”, but that also hasn’t worked. I even tried putting it into my Theme Functions (functions.php) folder. I ended up crashing my site like a dummy. ?? Luckily, I learned that I could go into my control panel and replace the corrupted child theme function.php file by going into my wp-content=>themes folder.

Unfortunately, it didn’t work.

I noticed that in the theme’s stylesheet there were several css code’s for parallax functions (towards the bottom) For example, I saw:

(1)
@media only screen and (min-width: 1930px) {
.parallax {
background-size: cover;
}
}

(2)
/* Smaller than standard 980 */
@media only screen and (max-width: 991px) {
.site-header.fixed {
position: static !important;
}
.parallax {
background-size: cover;
background-attachment: scroll;
background-position: top center!important;
}

———
So I tried adding the following css codes in the child theme, but still no cigar. ??

I tried:

(1)
@media only screen and (max-width: 1281px) {
.parallax {
background-size: cover;
background-attachment: scroll;
background-position: top center!important;
}
}

(2)
@media only screen and (max-width: 1367px) {
.parallax {
background-size: cover;
background-attachment: scroll;
background-position: top center!important;
}
}
——-

It’s driving me crazy! Lol! ??

Hi,

I was having the same problem, and the following css solved it for me. I’m working with a child theme, but I think it’ll also work if you enter it into your Custom CSS field.

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
.masonry-layout .hentry {
width: 100%;
margin: 0 0 0 30px;
padding: 0 15px;
}
.text-slider-section {
min-height: 190px;
}
.text-slider .maintitle {
font-size: 40px;
line-height: 1.1;
padding-bottom: 20px;
margin: 0 10px 15px 10px;
}
.text-slider .subtitle {
font-size: 20px;
line-height: 24px;
padding: 10px 0;
margin: 0 10px 15px 10px;
}
}

The important keys you should be mindful of are (1) max-width setting, (2) text slider main title font size, and (3) text slider sub title font size.

Hope this helps!

Hi awanrmb,

I’m sorry, I had actually taken it down. I’ll add a couple of examples to see if you can maybe help me with some suggestions. If you only know how to solve one of the two, then that’s more than good enough.

Also, I tried selecting the “Cover” option on the Services Type A widget, but unfortunately it still didn’t work.

Thank you for all of your help. I really appreciate it!

-Roanel

Yes, it worked!

Thank you so much, awanrmb.

You rock, man!! ??

Hi awanrmb,

Of course, it’s: https://www.pivotwright.com/

Thanks!

Thank you so much! I would have never figured out that these were the values I needed to change.

The first one worked perfectly, which moved the logo to the left margin.

I changed the second one to this, however, because the suggestion you provided made the btn-menu disappear on my iPad’s landscape mode. This is what I changed it to:

<div class=”col-md-8 col-sm-4 col-xs-offset-0 col-xs-0″>

Final Result:
(1) iPad looks fine in both the portrait and landscape mode.
(2) iPhone 5 now has the logo on the far left and the btn-menu in the center. Also, when the drop down menu expands, it spans the entire screen in both the portrait and landscape mode.

Do you have any suggestions on how to move the btn-menu to the far right, without making it disappear on an iPad’s landscape mode?

If not, it’s okay. The way it looks now is much better than before!

Thanks awanrmb!!