• Forum
  • FAQ
  • Docs
Notice: In order to post a support question you have to have an account and be logged in.
Register  or  Login
  1. I have looked at many of the posts and figured out most of what I want however I have a couple of issues.

    I have my logo uploaded but it isn't centered with the menu buttons and they don't all fit on one line.

    I would also like to have the header bar white so my logo "flows" better.

    I have updated the menu pages (Appearance setting in WordPress) to have additional "tiers" of pages, however they don't show when I hover over.
    Hard to explain. When I hover over "Types of Pools" it drops a list of pages. When I hover over one of those pages I would like it to then drop down (or right menu) the next list of pages. I see the arrow changes but that is all.
    I have a total of 4 tiers that I would like to do that with.

    Thanks for your help,

    badgerland
    1 year ago
  2. I have attached a couple of pictures, the second one shows what I would like for the menu drop downs, plus one more "tier".

    My logo is 160 x 111

    Attachments

    1. Menu.JPG (131.3 KB, 259 downloads) 1 year old
    2. Logo-Help.JPG (148.6 KB, 246 downloads) 1 year old
    badgerland
    1 year ago
  3. Sorry to keep piling on, however I have changed the background color to white, but now the text is to "ghosted" to see clearly.
    What do you recommend to make it easier to see?

    badgerland
    1 year ago
  4. Hi,
    I have my logo uploaded but it isn't centered with the menu buttons and they don't all fit on one line.
    I would also like to have the header bar white so my logo "flows" better.

    In style.css find this code:

    .logo {
    padding: 30px 10px 0 10px;
    width: 160px;
    height: 60px;
    float: left;
    }
    

    and replace with:
    .logo {
    padding: 4px 10px 0 10px;
    width: 130px;
    height: 60px;
    float: left;
    }
    .logo img {height:85px; width:122px}
    

    and this one:
    .menu-header {
    padding-top: 30px;
    text-shadow: black 1px 1px 1px;
    width: 780px;
    height: 60px;
    float: left;
    position: relative;
    z-index: 3000;
    }
    

    replace with:
    .menu-header {
    padding-top: 30px;
    text-shadow: black 1px 1px 1px;
    width: 800px;
    height: 60px;
    float: left;
    position: relative;
    z-index: 3000;
    }
    

    I have updated the menu pages (Appearance setting in WordPress) to have additional "tiers" of pages, however they don't show when I hover over.

    The theme support only three menu levels and there is no way to add four. You can add other items in page sidebar as custom menus or selected pages.

    I have changed the background color to white, but now the text is to "ghosted" to see clearly.
    What do you recommend to make it easier to see?

    You can change the color of the menu links from this code in style.css file:

    .topmenu li a {
    color: white;
    display: block;
    text-decoration: none;
    float: left;
    }
    

    Cheers,
    Max.

    Max
    1 year ago
  5. I am using envision-child . . . I assume you recommend putting the changes in the custom.css file.

    badgerland
    1 year ago
  6. If you use child theme then make the changes in child theme style.css file.

    Max
    1 year ago
  7. Does that go for all changes to any files, general.js / search.php / featured.php?

    Does it hurt to have them changed in child theme along with envision theme?

    badgerland
    1 year ago
  8. It would work only for files from root theme folder. It would work for js files too (the ones from js folder) but it wouldn't work for featured.php files or other from library folder.

    Does it hurt to have them changed in child theme along with envision theme?

    No, it wouldn't at all. It would be better for you to make changes in child theme as when you would make an theme update you wouldn't lose the changes you made as you would update just the parent theme.

    Max
    1 year ago
  9. I made an update to my general.js file (can't remember what it was for), but would I just put that in the same wp-content/themes/envision-child/ folder?

    badgerland
    1 year ago
  10. Create there a js folder and copy the file in that folder.

    Max
    1 year ago
  11. Not sure what happened or what I did, but the menu text isn't showing up in IE . . . works fine in FireFox.

    Also when you do roll over the menus some of the page listings are come up transparent instead of having a black background.

    My lists are also getting alittle long, is there away to have the menu contract if you are no longer hovering over it? If you hover over it once and continue to move your cursor down the previous sub menu stays open making the list very long.

    I do all my updates in envision-child.

    badgerland
    1 year ago
  12. Hi,
    you need to change menu font color as is white and this is the reason why you don't see it in IE. You can change it from this code:

    .topmenu li a {
    color: white;
    display: block;
    text-decoration: none;
    float: left;
    }
    

    My lists are also getting alittle long, is there away to have the menu contract if you are no longer hovering over it? If you hover over it once and continue to move your cursor down the previous sub menu stays open making the list very long.

    No, this is not possible. Use sidebars to add more menu items.

    Cheers,
    Max.

    Max
    1 year ago
  13. OK, finally got the blue color to work correctly. Is there anyway to have it turn back white when you hover over it so you can see it better?

    Any idea on why the drop down menu shows transparent sometimes?

    badgerland
    1 year ago
  14. Is there anyway to have it turn back white when you hover over it so you can see it better?

    Add this code in style.css

    .topmenu li.parent:hover a span {
    color: white;
    }
    

    Any idea on why the drop down menu shows transparent sometimes?

    I think this happens because the height of menu background image is smaller that the submenu you have. To solve it you would need to edit this images height:
    - topm_bg_first.png
    - topm_bg_last.png
    This images are located in images folder of the theme.

    Max
    1 year ago
  15. Still having a problem with my menu bottom "About Us", it doesn't hover white.

    Also, is there away to keep the menu heading text white after I select a submenu? It reverts back to blue which is hard to see in the black.

    What do I need to edit the images to? It is much worse in IE than Firefox. On the home page it is really bad as each one is transparent with the slider behind it. Other no slider pages only seem to have a problem with the Pool Options menu.

    Attachments

    1. Pool_Options_Transparent.JPG (114.9 KB, 204 downloads) 1 year old
    2. Home_Page_Issue.JPG (153.6 KB, 199 downloads) 1 year old
    3. Blue_Menu.JPG (98.7 KB, 223 downloads) 1 year old
    badgerland
    1 year ago
  16. Still having a problem with my menu bottom "About Us", it doesn't hover white.

    Also, is there away to keep the menu heading text white after I select a submenu? It reverts back to blue which is hard to see in the black.

    In style.css file find this code:

    .topmenu li:hover a span, .topmenu .current-menu-item a span, .topmenu .current-menu-parent a span, .topmenu .current-menu-ancestor a span {
    background: url(images/topm_bg_right.png) top right no-repeat;
    }
    

    and replace with:
    .topmenu li:hover a span, .topmenu .current-menu-item a span, .topmenu .current-menu-parent a span, .topmenu .current-menu-ancestor a span {
    background: url(images/topm_bg_right.png) top right no-repeat;
    color: white;
    }
    

    What do I need to edit the images to? It is much worse in IE than Firefox. On the home page it is really bad as each one is transparent with the slider behind it. Other no slider pages only seem to have a problem with the Pool Options menu.

    What version of IE you have? I've tried on IE9 and didn't had this problem. Did you tried on another computer? What about the image you need to increase image height.

    Cheers,
    Max.

    Max
    1 year ago
  17. Now when we click on menu item, the black background is gone. Ideally I would like the background to stay black and the text to be white. Now it is just white text with no black background.

    The "about us" menu link isn't working correctly, the black background disappears as you hover over it.

    I am using IE8, but you are correct it is working correctly on other computers. The only transparent drop down menus is
    Pool Options >> Pool Equipment >> Main Drains & Skimmers
    Pool Options >> Pool Equipment >> Main Drains & Skimmers

    Attachments

    1. No_Black_Background.JPG (90.9 KB, 185 downloads) 1 year old
    2. Transparent_Menu.JPG (123.5 KB, 192 downloads) 1 year old
    badgerland
    1 year ago
  18. Hi,
    both problems were solved.

    Cheers,
    Max.

    Max
    1 year ago

Add Reply

You must log in to post.

 

Add a new topic!

Chances are your issue is already answered, but if it’s not, you can always create a new topic.

Add new topic

Search forums

Searching for something specific? Type something and press Enter to search.