While you’re in my website, I would be extremely grateful for your help with one other issue.

I use a fullscreen slider with 3 rotating pictures at the top of my Welcome page that no longer loads. All a viewer sees is white space.

Thanks, in advance, for your help!

That worked perfectly! Thank you! Although, it created a different issue.

Now that the main link isn’t “clickable”, once you choose a sub-menu link, the main menu name no longer retains the white background color it gets when the visitor hovers over it. Therefore, there is no “signal” to the visitor that they are on a link under that menu item. Is there a way for the main menu name to remain a different “active” color with the changes I’ve made?

Hi, Jordan,
Thanks for that code. It fixed my first request regarding the placement of the top of the drop-down menu.

I would be grateful if you would also let me know how to do the following:

For my pages with drop-down menus, how do I make the main menu item “unclickable” so that visitors can only click on one of the drop-down menu items/buttons/links?

I was just on my website doing a different update and saw that everything was magically working again!

Thank you SO much! You are the BEST!!!!!!

I’m not sure if the problem is with the fullscreen slider or the layer slider or both. I don’t have a tablet, so I can’t check that. Here’s what I see on my computer and my phone:

Welcome – Top – Doesn’t work on either computer or phone.
Welcome – Bottom – Works on both computer and phone.
Services – Top – Doesn’t work on computer. Does work on phone.
Services – Bottom – Doesn’t work on computer. Does work on phone.
Employment – Top – Doesn’t work on computer. Does work on phone.
Employment – Bottom – Doesn’t work on computer. Does work on phone.

Would it be possible to have the line on the open tab appear like underlining the word/name of the tab instead of having it be part of the border? On areas that have white backgrounds, the line on the border isn’t really visible.
Thanks!

That looks great! Thanks, Nikko!

Can you please help me add a white line under the name of the tab that is currently open so people know where they are on the site? I believe there is a checkbox somewhere in styling that needs to be checked or unchecked to make this happen, but I can’t find it.

Also, my Resources tab is a mega menu. Is there a way to “block” people from clicking on “Resources” and only allow them to click on one of the sub-menu items?

Thanks!

Thank you for getting back to me so quickly! I’m sorry that the login info didn’t work. I reset the password and copied the new info below. I look forward to hearing from you soon! Thanks!

I updated the theme. Thank you for the suggestion.

Unfortunately, when creating my site, I imported and modified the demo site “Enfold Gyn”. It has certain elements that seem to be “hardwired” to appear red. I tried changed them to other colors in Advanced Styling, but nothing changed. In addition, throughout my site, whenever I want to bold something, it turns red, too. Trying to fix that in advanced styling also didn’t work.

I’d be thrilled and eternally grateful if you could fix that for me!

I suspect it has to do with the number of pixels above which I should hide the slide so it doesn’t appear on PC views. What is the correct pixel number to use for that?

No, that’s not correct. The Chewy font that I’m using as headers on my website doesn’t show up as Chewy font on smaller screens. Instead, it shows up as a scripted font on smaller screens. I love the Chewy font on my PC view and I don’t want to change that. I do not like the scripted font that shows up on the smaller screens.

If you know how to make the Chewy font show on smaller screens, that would be my first choice. If I can’t have the Chewy font on smaller screens, then I’d like to use the Helvetica Neue font on the small screens.

The code I showed you above corrected the scripted font to Helvetica Neue on smaller screens in all cases except for those listed below, which still show up as scripted fonts. Please help me change the font in the views listed below so that it shows as Helvetica Neue font.

* Tablet Menu and Mobile Phone Menu
* Tablet Header and Slider Elements in Landscape mode

I appreciate your help correcting this issues!Here are my remaining font issues:

Here’s what I currently have in my Enfold Child Style.CSS sheet:

/*The following changes all header fonts from Chewy to Helvetica on Mobile Devices*/

@media only screen and (max-width: 1024px) {
.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: 16px; line-height: 18px;}

#top .av-main-nav > li > a, #top .main_menu .menu li ul a {font-family: ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
}
/*End of code that changes all header fonts from Chewy to Helvetica on Mobile Devices*/

/*The following increases caption font size and decreases button font size on Mobile Devices*/

@media only screen and (max-width: 1024px) {
.responsive #top .slideshow_caption .avia-caption-content p {font-size: 20px !important; line-height: 20px;}

.responsive #top .slideshow_caption h2 {font-size: 28px !important;}

#top .avia-slideshow-button.avia-color-light {padding: 8px 10px; background-color: rgba(0,0,0,0.2); font-size: 16px !important;}
}
/*End of code that increases caption font size and decreases button font size on Mobile Devices*/

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!

Here’s another wrinkle I just discovered. The font does change when I view the site in portrait mode on my phone. However, when I turn it to landscape mode, the script font reappears! Please let me know how to correct that. Thanks!

Wait! I thought I was done, but I’d appreciate just a little more help on my font sizes on my phone. I added H1, H2, H3, H4, H5, and H6 to your code, which did work perfectly in changing my font style on my phone.

Would you mind letting me know the code to adjust the font size for each of the elements on my phone? If you look at my Welcome page on the top slider, my agency name is smaller than I’d like. The caption text is too small to read. The “Learn More” button size and the font size are both too big.

When you scroll down a bit, my “Welcome to A Bridge to Achievement” is larger than it needs to be, as is the font of the text of the paragraph.

I’d love the freedom to adjust the different elements until I’m happy how everything looks. Thanks for your help!