Hey guys,

Apologies. It’s actually not quite right. Now the arrow is off center and the border stroke appears when I hover over the icon.

Currently this is the CSS i have. Can you fix it?

#scroll-top-link{
width:30px;
height:30px;
background: rgba(0,0,0,0.5) !important;
border: 0px;
}
#scroll-top-link:before{
top:-12px;
right: 9.5px;
position:absolute;
border: 0px;
}

**Update!** I believe I fixed it with this CSS, but could you guys make sure I did it correctly?
See below…

#scroll-top-link{
width:30px;
height:30px;
background: rgba(0,0,0,0.5) !important;
border: 0px;
}
#scroll-top-link:before{
top:-12px;
right: 12px;
position:absolute;
border: 0px;
}

#scroll-top-link:hover {
background-color: #060606;
color: #ffffff;
border: 0px solid;

thanks!
Chris

• This reply was modified 8 years, 9 months ago by ccyran.

Thank you so much Ismael!

1) CSS code for slideshow controls worked on mobile.
Is it possible to to move slideshow controls to the middle – right now they are on the bottom of the images?

2) I have background image in color section on the home page,
How could I display/resize so entire image display on mobile version?
How could I control position of headline text only on mobile (i want to move it to the top)

Mike,

Thanks for the quick comeback (it works on my phone now too) and the link to clearing the cache. I was confused clearing the cache. I didn’t know if you had to do it on your phone. But I assume you do it on the laptop. I had tried it. On my Safari screen rather than say ‘Remove all website data’ it says ‘Manage Website Data’ and there is nothing in that box. I had clicked in Safari under the Develop Tab/Empty Caches …. don’t know if that is the same thing?

I see what you mean re the Main Menu and I’m not that WordPress savy so I just created what worked initially. I will go into Appearance/Menus/Create New Menu and save as you say. Hope it works.

Thank you – Susi

Yes! Those are two of the ones I’d like to change.

Full Slider: I was happy with the look of the full slider text, the 2nd photo you attached, but then I made some adjustments to the site that changed the font sizes. The font sizes of the full slider view on my phone have changed. Unfortunately, I’ve been working on so many site elements, I can’t remember what I would have done that would have caused these changes.

I’m happy with how everything looks on my PC, but I’d like to be able to adjust the Full Slider font sizes on mobile phone views. I’d like “A BRIDGE TO ACHIEVEMENT” to be a little bigger. I’d like the caption text to be bigger. I’d like the “LEARN MORE” button to be smaller. I’d also like the font size of “LEARN MORE” to be slightly smaller than the size of “A BRIDGE TO ACHIEVEMENT”.

Also, the font style for headers changes to a script style on mobile devices in landscape mode, but displays correctly on portrait mode. It still displays as a script style in both modes on tablets. I’d don’t want a script font on any of the devices or views. Here’s CSS I’m using on the Enfold Child Style.CSS page:

/*The following changes all header fonts from Chewy to Helvetica on Mobile Devices*/
@media only screen and (max-width: 767px) {
.avia-caption-title, .avia-caption-content, body div .avia-button, h1, h2, h3, h4, h5, h6 {
font-family: ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}
.avia-caption-content p {
font-size: 14px;
line-height: 14px;
}

#top .av-main-nav > li > a,
#top .main_menu .menu li ul a {
font-family: ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}
}

Parallax Photo at the bottom of my page on the phone & tablet views: I’d like to know what picture size to use, or a different element to use, so that we can see the full photo size on mobile and tablet devices, just like on the PC view.

Thanks, in advance, for your help!

Hey,

This solution does not work

Thank you.

Christophe.