Forum Replies Created
-
Posts
-
I’ve tried that, cleared the cache on my phone, using Chrome, no cigar. Tried pulling up on somone else’s phone who had never accessed the site, that didn’t work either. Both show white top bar with white text.
I also tried pulling up the site on my phone in incognito mode – same thing – white top bar with white text.
But, if I go to a screen viewer for testing sites on different screen sizes, it looks good. I’m stumped and really appreciate your help.
Thank you, it looks great now on Desktop, just the way the styling options are set.
However, there is just one remaining problem, which is the original problem. The Top Bar styling on mobile & tablet – it’s still white background with white text, so it’s not taking on top bar styling on smaller screens.
Thank you for all your troubleshooting.
I am using Siteground
I do not have “MEMCACHED” turned on, but do have “Dynamic Cache”, which I just flushed. I noticed something else in Siteground under Cachinge Levels. The first one is NGINX Direct Delivery – which was enabled and, since it is not enabled on my site, which is working fine, I disabled it, but that didn’t seem to help.
Screenshots from Siteground:
https://nimb.ws/MFeS9Z
https://nimb.ws/E0zFd5
https://nimb.ws/K4iFnRHi Mike,
No, that wasn’t what I wanted. I actually wanted the background to be white in the logo area and the top bar to be the blue – it looked really nice. Weirdly, although I can see that the logo area is now blue, I cannot see the change you made in the back end in Theme optins > Logo Area – it shows nothing, so I put it back to white, but that changed the top bar as well, and the styling is still not taking on any of the text colors I have programmed.
Supposed to be:
Blue Top Bar #066892
White Logo Area with Black text and blue on hover as well as active page – and, this is the way it is programmed, but it is not working.Seriously, it was working just fine, exactly the way I have it programmed in theme options, then overnight, it just changed. There seems to be a conflict somewhere and it is not taking on my styling options.
Unfortunately, that didn’t work, but now the issue is even more strange, and it happened overnight (without my doing anything). When I came to my desk this morning to work on this site, the header has what looks like a white background with some transparency, and all text is white in the logo ara area as well as the top bar. So, on all screen sizes
1) the top bar is not taking on the syling in advanced options;
2) the logo/navigation area is not taking on the styling in Theme Options > Logo Area.Both top bar and logo area were taking on the styling settings yesterday on desktop versions, but not mobile or tablet; now it is happening on all screen sizes.
That worked, and I was able to style it too, thank you!
Could I ask though, why is it that, although I have the Top Bar programed in Advanced Styling to have a background of Blue with white text, on a page that has a transparent header, it does not take on the blue background on tablet or mobile, it makes the background white, with white text, so you can’t see it. IF you go to a page without the transparent header though, then the top bar background will be blue. So basically, when you have a transparent header, that you bring down to tablet or mobile, the top bar does not take on the top bar settings under advanced, it just leaves it white. Am I missing something on that ?
Home Page with transparent header: http://vac.eswebsitedesign.com/welcome/
Other Page without transparent header, this is the way the top bar should look on mobile and tablet: http://vac.eswebsitedesign.com/contact/
Hi Rikard,
Well, it’s closer … now they appear in both places, see screenshot: https://ibb.co/nfFLtqY
Hi Ishmael, sorry about that, thought I had already scaled it down. Now it is, but the same problem remains.
Hi, I wanted to piggyback on this support ticket. I have followed these instructionson a staging site I just started, and it worked, the icons are there, which is great!
But, is there a way to change the icon colors? They are supposed to be gold the but copying the HTML as you’ve descirbed does not bring forward the color, just the icon itself.
Any suggestions? See my secondary menu on this site here: http://eleinar9.sg-host.com/
Yes, Lula’s is the best looking. and it doesn’t seem as bad now (I removed the top bar from the sticky menu, which helps). It looks like the others are better now too, just the top of the pics getting cut off on some. Is there a way to have these anchor links land about 50 or 100 px higher, to make up for the sticky header?
Hi,
I am having the same problem with images no longer appearing in a column in a Mega Menu. I also understand your Mega Menus and I’ve used them many times, so I feel that maybe a recent update has caused issues?
Here is a site that I created with Enfold, where I accomplished exactly what I’m trying to accomplish on a new site, but cant. See Mega Menus under s: “Charters” and “About”. Here is the site: https://takemetheresailing.com/. This site has Enfold Version 4.8.6.5
So now my new site, where I wish to accomplish the same thing, and I have done the same thing, but an image will not appear in a Mega Menu unless you place a sub-menu item under it. https://3f6c0ed8c6.nxcli.net/ This site has a newer version of Enfold, Version 4.8.9. Interestingly, on this site, if I place a menu item under the Image Column, the image will appear, but with nothing under it (which is what I want and what I did on the other site), it will not appear.
On this new site (coming soon page up, placed login credentials below), the Mega Menu is under About; the first column is empty (I have an image there); only the second column appears.
Thank you for your help.
This is totally awesome!!!! Thank you Mike, you are the best!
Except, I wonder if you could help me figure out one thing. Since I have multiple rows of team members (right now I have 3 rows), it’s placing white space under each row (as if the team member descriptions were actually there.
Here’s my page: https://3f6c0ed8c6.nxcli.net/about-us/musicians/
Okay, yes, I found the culprit.
/*MAKE SUB-MENUS LARGER WIDtH */
.av-main-nav ul { width: 300px !important; }Because I tend to use this on all my sites, including the others where I had no problem with mega menus, I didn’t think to look at this, but once I removed it, then I didn’t need your code for the picture to appear – it just appeared, and the columns are now evenly spaced.
Thank you!
Okay, thank you, that worked, but it has always worked outside of the box without css; has something changed, pictures aren’t part of the mega menus anymore?
It also seems really small. Take a look at another site I created with Enfold, where I added images to the Mega Menu with no trouble. They appear much larger: https://takemetheresailing.com/ And, if I change the pixels in the css you provided, from say 300 to 400, it steals space from the 3rd column, so didn’t really work.
Hi, I’m tagging into this because I have a background video in a Color Section, and it looks awesome, but I would also like to see it take from the Top Center or Center Center of the video, because some of the heads are getting cut off of the top. And I didnt see an answer to this question.
Can this be done using css, or you mentioned in this thread a config-templatebuilder file, but I didn’t see a way to change it there either.
Your help with accomplishing this would be much appreciated.
The video is on the home page here: https://heartvascularsurgerycenter.com/ but I have a coming soon page up, so I’ll provide login credentials below.
hmmm… doesn’t really work – it adds space to the top bar, more space under buttons, when what we actually need to accomplish is get the phone number moved down – so more space on top of it, no more space at the bottom, because right now the buttons have small amount of space top and bottom, perfect, but if I add this code, there is now a bunch of space added under the buttons, to the entire top bar, which is unnecessary.
Here’s a screenshot: https://nimb.ws/yF6bl2
I really have tried a bunch of things, to no avail.
Okay, this is awesome, thank you! Could you help with one more thing? Although the buttons look great on the right hand side, now the phone number at the top is tiny and butted up to top, whereas it needs to be centered vertically, just like the buttons, and a little larger. Could you help with that?
Thank you!
Okay, I’ve tried this.
First: I placed the phone number on the left in Theme Options, Then I added a Header Widget Area and paced my side by side button code there, but now the buttons are under the Menu.
1. How do I get my buttons to be in the Top Bar on the Right the way there were in this image: https://nimb.ws/M0A1OW ?
Hmmm, don’t know why you can’t see the bypass link: https://heartvascularsurgerycenter.com/bypass Try that one.
I’ll also give you login credentials in private content.
I did try adding 30 pixels to the Header, then I tried removing 30 pixels, just to see if anything changed , but nothing happens either way. Would you mind taking a look?
I appreciate your help.
Okay, maybe I wasn’t clear…. I have the buttons on the Right
But now the only options I have to place something on the Left side of the top bar are to display “Social Profiles – “top bar at the left” – or Header Secondary Menu” top bar at the left. There is no space to add exactly what you want like there is underneath for Header Phone Number/Extra Info.
Does that make sense?
