Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 12, 2014 at 5:24 am #236110
    simplyaha

    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 you

    March 12, 2014 at 2:06 pm #236294
    Yigit

    Hi 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!
    Yigit

    March 12, 2014 at 2:51 pm #236317
    simplyaha

    Thank 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 |Blog

    and we want it to look like this –
    CALL US | Policies | Submit a Warranty Claim | Employment | Blog

    The 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 #236319
    Yigit

    Hey!

    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,
    Yigit

    March 12, 2014 at 3:03 pm #236331
    simplyaha

    Hey. 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 #236332
    Yigit

    Hi!

    Please try adding !important rule as following

    .av_secondary_right .sub_menu>ul>li:last-child { padding: 0 10px !important; }

    Best regards,
    Yigit

    March 12, 2014 at 3:15 pm #236335
    simplyaha

    Thank 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 #236340
    Yigit

    Hey!

    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,
    Yigit

    March 12, 2014 at 3:41 pm #236354
    simplyaha

    Yigit,

    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 #236356
    Yigit

    Hi!

    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,
    Yigit

    March 24, 2014 at 4:55 pm #242176
    simplyaha

    We decided to opt for a link to a mobile friendly page. Thank you.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Top Menu item alignment’ is closed to new replies.