-
AuthorPosts
-
March 12, 2014 at 5:24 am #236110
The last item in my top menu is not aligned (centered?) as the other menu items. the item appears to be left justified versus centered. It is just the last menu item. url = wildcatmattress.com
Thank youMarch 12, 2014 at 2:06 pm #236294Hi simplyaha!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.av_secondary_right .sub_menu>ul>li:last-child { padding: 0 10px; }
Cheers!
YigitMarch 12, 2014 at 2:51 pm #236317Thank you for your response. I added the code to Quick CSS and do not see any change. I deleted the CSS I had to style one of the menu items and tried your code again and no luck.
To Clarify –
The top menu looks like this –
CALL US | Policies | Submit a Warranty Claim | Employment |Blogand we want it to look like this –
CALL US | Policies | Submit a Warranty Claim | Employment | BlogThe difference being the spacing between ‘|’ and ‘Blog’
Thank you.
- This reply was modified 10 years, 8 months ago by simplyaha.
March 12, 2014 at 2:52 pm #236319Hey!
Have you tried flushing browser cache and refreshing your page a few times after applying the code? I saw the issue and the code i posted should fix it
Best regards,
YigitMarch 12, 2014 at 3:03 pm #236331Hey. Thank you for your help.
I cleared the browser cache and did several refreshes. Still no change. Can you see the change on your end?
thanks again…
March 12, 2014 at 3:08 pm #236332Hi!
Please try adding !important rule as following
.av_secondary_right .sub_menu>ul>li:last-child { padding: 0 10px !important; }
Best regards,
YigitMarch 12, 2014 at 3:15 pm #236335Thank you. That worked great.
If I may ask you one more question regarding alignment of text in top Menu?
I added a phone number to top left, via theme options, as directed in another post. It looks fine in full screen, but when I resize the browser window to match iphone the text drops from next to the social icons to below the top right menu. Is there a code to keep it above the top right menu?
Thank you again.
March 12, 2014 at 3:22 pm #236340Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) { .av_phone_active_left .phone-info { margin-top: -30px; }}
Best regards,
YigitMarch 12, 2014 at 3:41 pm #236354Yigit,
Thank you for your help and quick responses.
I cleared my browsers cache now I am seeing cached versions of the site ever before the first successful changes I made. I need to follow up with my site host and will get back to you on the results. Thank you for all your help so far.
Danny
March 12, 2014 at 3:43 pm #236356Hi!
You are welcome Danny, glad we could help. I am leaving the thread open. It will be on hold until you post again. Waiting to hear from you
Regards,
YigitMarch 24, 2014 at 4:55 pm #242176We decided to opt for a link to a mobile friendly page. Thank you.
-
AuthorPosts
- The topic ‘Top Menu item alignment’ is closed to new replies.