Forum Support

 
Advanced Search


New Posts
FAQs for Wordpress
If you have a question about Wordpress products please read through a list of our most commonly asked questions here.
[1]

Offline consulting
Free Member
Posts: 25
Posted on: February 01, 2015, 12:58:12 PM

Hi

Is it possible to change the second level sub-menu drop down to:-
  • Run across the width of the page. See example at http://longhollow.com/
  • or be flush with the right of the main menu item, instead of left

Much appreciated

Rocky Swartz
Logged

Offline Tristan Rineer
Free Member
Posts: 3858
Posted on: February 02, 2015, 06:51:01 AM

The Vertex Upgrade Patch includes support for a full-width menu, but I don't know if Soul Search has the CSS necessary to make it look right.

As for the alignment option, I haven't tried it, but if you try messing around with the CSS in Firebug, you can probably make it do what you want.  Most likely, you'll just need to change a "left" to a "right" in one or more places.
Logged

Offline consulting
Free Member
Posts: 25
Posted on: February 02, 2015, 12:30:45 PM

The Vertex Upgrade Patch includes support for a full-width menu, but I don't know if Soul Search has the CSS necessary to make it look right.

As for the alignment option, I haven't tried it, but if you try messing around with the CSS in Firebug, you can probably make it do what you want.  Most likely, you'll just need to change a "left" to a "right" in one or more places.

Thank you.  I have extracted the patch.  It does work with the Soul Search template.  Not what I had in mind though.  I was looking for the sub menus to expand across the body width. 

Will look at swopping the lefts with rights to force the sub-menu to align with the right side of the right side of the main menu item.

Do I change the "Float : Left" to "Float : Right"?

Rocky Swartz
Logged

Offline consulting
Free Member
Posts: 25
Posted on: February 03, 2015, 02:32:14 AM

Hi

I have managed to find a makeshift solution by playing around with the s5_Flex_menu.css file.  It is not ideal since each variable has an influence on the other.

I have written all of the variables to the custom.css file to make it easier to adjust and get the right combination.

The first step was to make all of the main menu tabs the same width.  This is obviously determined by the widest menu title.  I have centered the text for aesthetic purposes

/* s5_flex_menu.css (around line 139) */

#s5_nav li {
    width: 145px;
    text-align: center;
}

The next step was to set the minimum width for the sub titles


/* s5_Flex_menu.css (around line 129) */

#subMenusContainer li.subParentBtn, #subMenusContainer li.subMenuBtn {
    min-width: 120px;
}

Finally I adjusted the left margin so the the items appear flush right with the top menu bar item

/* s5_flex_menu.css (around line 54) */

.s5_sub_wrap, .s5_sub_wrap_lower, .s5_sub_wrap_rtl, .s5_sub_wrap_lower_rtl {
    margin-left: 0px;
}

I tried various other options to make the sub-menu at a fixed width, stretching across the content width of the page.  I don't thing this can be done with CSS. 

A solution may be to write some php to the flex menu that will work it out on ratios.  Not my expertees, but if there is anyone out there that is up to the challenge, I will gladly accept.


Regards

Rocky Swartz
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.021 seconds with 23 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.