Community Forums › Forums › Archived Forums › Design Tips and Tricks › Secondary Menu does not stretch to left side 100%
- This topic has 2 replies, 2 voices, and was last updated 10 years, 7 months ago by
michelefree.
-
AuthorPosts
-
November 1, 2015 at 6:24 am #169643
michelefree
MemberHi. I have a problem I can't figure out.
I have a secondary menu that I've used once before, and it works fine at: http://frontrangecommercial.net/
, stretching across the whole screen:

I am using it now on my development site at: http://coloradospringsrealestate.findahomeco.com/. It pulls to the right, and I, for the life of me, can't find what I changed to cause this. See how it is indented on the left side:

Here is the widget I made located under the slider:
<div style=padding: "-45px 0px 0px 0px; width=100%;""><nav class="nav-secondary" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"><div class="wrap"><ul id="menu-nav-secondary-colorful" class="menu genesis-nav-menu menu-secondary"><li id="menu-item-3099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3099"><i class="fa fa-search fa-pull-left"></i><br />SEARCH OUR LISTINGS
<li id="menu-item-3208" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3208"><i class="fa fa-home"></i><br />SEE OUR NEIGHBORHOODS
<li id="menu-item-3100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3100"><i class="fa fa-user"></i><br />MEET OUR AGENTS
<li id="menu-item-3209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3209"><i class="fa fa-envelope"></i><br />CONTACT US
</div></nav></div>If anyone can help me, I'd be indebted to you. Cheers!
micheleM@=)
http://coloradospringsrealestate.findahomeco.com/November 1, 2015 at 2:07 pm #169809Victor Font
ModeratorOn the first site, it is also float:right. It's just that you have more menu options, so it appears that it is not "pulling to the right," but in reality it is. Here is the code from the first site:
.site-header .widget-area { float: right; width: 820px; }And the code from the second site:
.site-header .widget-area { float: right; width: 820px; }Both sites are doing the same thing.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?November 16, 2015 at 3:10 pm #171300michelefree
MemberHi Victor. Thank for addressing my question. But I don't understand your answer. Are you talking about the secondary menu under the slider with 4 elements?
I know they are coded identically. The both have the same number of menu items.
That's why I don't understand why the blue site works, and the red site doesn't.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.