Page 34 of 36 FirstFirst ... 243233343536 LastLast
Results 331 to 340 of 353
  1. #331
    Join Date
    Mar 2014
    Location
    Jamestown, TN
    Posts
    36
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    I have the menu set in the stylesheet_mega_menu.css set to float right instead of left.

    line 3: .mega-menu li {float:left;

    I think it is easier to see and less confusing than above my left side boxes.

    But now when you click on Info and there are 3 columns of options, 1 row is off the screen to the right.

    Is there a way to make the pull down menu columns shift left instead of left?

    the site is horsewalkersbyprowalk dot com

  2. #332
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: Pure CSS Mega Menu

    Quote Originally Posted by Jeffg23 View Post
    I have the menu set in the stylesheet_mega_menu.css set to float right instead of left.

    line 3: .mega-menu li {float:left;

    I think it is easier to see and less confusing than above my left side boxes.

    But now when you click on Info and there are 3 columns of options, 1 row is off the screen to the right.

    Is there a way to make the pull down menu columns shift left instead of left?

    the site is horsewalkersbyprowalk dot com
    You need to add the align_right class to the drop downs that you want to drop down to the right.

    Thanks,

    Anne

  3. #333
    Join Date
    Mar 2014
    Location
    Jamestown, TN
    Posts
    36
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    Quote Originally Posted by picaflor-azul View Post
    You need to add the align_right class to the drop downs that you want to drop down to the right.

    Thanks,

    Anne

    I could not get that to work, but I did find a suitable fix. I added right padding and moved the menu selections more to the left, so now all the drop down columns show within the page.

    .mega-menu li {float:right;padding-right:65px;

    FYI - I really like the Sheffield Blue Template. It's very clean and crisp. Perfect for this site.

    Jeff

  4. #334
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: Pure CSS Mega Menu

    Quote Originally Posted by Jeffg23 View Post
    I could not get that to work, but I did find a suitable fix. I added right padding and moved the menu selections more to the left, so now all the drop down columns show within the page.

    .mega-menu li {float:right;padding-right:65px;

    FYI - I really like the Sheffield Blue Template. It's very clean and crisp. Perfect for this site.

    Jeff
    I am happy that you found something that works for you.

    Thanks,

    Anne

  5. #335
    Join Date
    Dec 2004
    Posts
    1,031
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    I would like to modify the mega menu to have a few simple (maybe hard coded) links without drop down. I have some Ezpages that need to be top level links. For example I would like to add an FAQ link.
    Sterling Grand has now: Home - Shop - Brands - Info - Contact
    I want to add to top level: Home - Shop - Brands - Info - Contact - FAQ

    As a second step I'd like to add more top level links and could do without the search box so I have space for more links.

    Is there a simple way to achieve this as there are no drop downs involved?
    Live and learn... the Zen way.

  6. #336
    Join Date
    Dec 2004
    Posts
    1,031
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    Quote Originally Posted by mydanilo View Post
    I would like to modify the mega menu to have a few simple (maybe hard coded) links without drop down. I have some Ezpages that need to be top level links. For example I would like to add an FAQ link.
    Sterling Grand has now: Home - Shop - Brands - Info - Contact
    I want to add to top level: Home - Shop - Brands - Info - Contact - FAQ

    As a second step I'd like to add more top level links and could do without the search box so I have space for more links.

    Is there a simple way to achieve this as there are no drop downs involved?
    To answer my own question. I found it in Sterling Grand thread:
    in tpl_mega_menu.php wherever the link needs to go.
    PHP Code:
    <li><a href="your url here">your link name here</a></li
    Live and learn... the Zen way.

  7. #337
    Join Date
    Jun 2014
    Location
    hamilton, ohio
    Posts
    100
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    How would I go about disabling the menu for mobile devices? I am at a loss, I read somewhere in this thread someone was doing it with @media but I have no idea how to do that. My site uses twitter bootstrap I believe. You can check it out at www.oldworldarchery.com

  8. #338
    Join Date
    Jul 2012
    Posts
    346
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    instead of showing all categories in one drop down/column can we show in multiple drop down/columns using mega menu like horizontal dropdown?

  9. #339
    Join Date
    Jan 2010
    Posts
    79
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    I'm having a problem with IE.
    I have an iframe in the "Location" dropdown div on the menu and when I mouseover it in IE it closes the Location tab. It does not do this in other browsers and works properly.

    below is that code

    can someone help me?

    thanks

    /*bof customer service*/
    define('HEADER_TITLE_LOCATION','Location');
    define('TITLE_LOCATION','Dr suite, TX');
    define('TEXT_CONFIDENCE','<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3348.576771873294!2d-96.62542988528068!3d32.935778483181444!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3 m3!1m2!1s0x864c1da7b650fa0f%3A0x1e0930eb331249d!2s2376+Dr+%23106A%2C+TX+!5e0!3m2 !1sen!2sus!4v1462900552387" width="550" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>');

    Name:  pure_mega.jpg
Views: 263
Size:  52.2 KB

  10. #340
    Join Date
    Mar 2017
    Location
    auckland
    Posts
    10
    Plugin Contributions
    0

    Default Re: Pure CSS Mega Menu

    Hi folks - very nice menu & it works fine

    However I want my site to have an Amazon like look & the Amazon Mega Menu has a white background and displays a dark lightbox effect covering everything except the menu & header

    I wonder does anybody have the CSS code to do this?

    I assume its a Z-layer with opacity & layer is a depth below the header & menu which displays on hover?

    I would like to get it working this afternoon fingers crossed

 

 
Page 34 of 36 FirstFirst ... 243233343536 LastLast

Similar Threads

  1. Help with Mega Menu css customization
    By swdynamic in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 17 Jul 2013, 01:21 AM
  2. v139h Mega Menu Mess
    By traytray in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 20 Nov 2012, 07:58 PM
  3. v150 Mega Menu assistance
    By Fancyfrills in forum Templates, Stylesheets, Page Layout
    Replies: 18
    Last Post: 24 Aug 2012, 06:16 PM
  4. Horizontal Drop Menu sort order of mega-menu
    By familynow in forum All Other Contributions/Addons
    Replies: 3
    Last Post: 19 Oct 2011, 04:39 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR