NetMonkey

Thanks Chad, that was easy. Finding out that the <p> tags were just an example was most helpful.

I just gave my text a div ID and then used display: none on the page I didn’t want it. Bang, done! This one is solved.

Great Chad, thanks! But, as I said in my post, I’d also like to add a small line of text under the register heading.

Can you point me me in the right direction to do that also? Or, could I insert the same code below a second time and style it with css?

Thanks for your reply. The only difference in the css you gave me and what I’ve changed it to before you posted your css is one line. Yours reads:

margin-top: 155px !important;

and mine reads:

margin-top: 110px !important;

If I use your css, it just creates a 45px white space below my header container before the slider starts, which just moves the slider further down the page.

This css you gave me is not the solution. Moving the slider further down the page does not fix the problems I’m seeing on smartphones and tablets.

Go to http://www.responsinator.com/ and type in my test website — test.netmonkeys.net to see a simulated view of the slider on different devices in portrait and landscape modes.

It does NOT display correctly on ANY mobile device. What is the answer?

What else can you suggest I do to correct things?

This has no effect on mobile display:

@media screen and (max-width: 760px){
.avartanslider-slider {
    position: absolute;
    margin-top: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
}

Any suggestions?

I’m using a child theme. I have the style.css file in my child theme folder. So when I go to appearance > editor, I can see my style.css file. Scroll down until you see the line that has:

body #header.sticky-header {
    left: 0px;
}

and “delete” the (left 0px) line and save the file and all should be okay.