Support » How-To and Troubleshooting » [Resolved] Font size in Navigation Menu issue

[Resolved] Font size in Navigation Menu issue

  • I am using the identical theme on two different sites but the Font size in the navigation menu and some other small graphic changes are not the same and I cannot figure out why. This is a Brunelleschi child theme that I made. I copied the files from one site to the other in my cPanel File Manager so I know they are identical. The sites are:

    The Vividly Clear one has the size font that I want to have in the navigation menu. It also has the css that I want for the sticky post. I just cannot figure out why there is a difference between the two sites.

    The navigation font size is the big issue.

    Can someone please look at the two sites – maybe with Firebug or something and help me understand where the difference is? I am really curious and not adept at Firebug at all.

    Can someone please give me the css I need to add to the http://viviloveith.com/ site to get the navigation to look exactly like the Vividly Clear?

    Thank you!!

Viewing 15 replies - 1 through 15 (of 35 total)
  • Can you add another menu entry to the top navigation bar http://viviloveith.com/

    I want to see whether the code is implemented once you have 2 entries in the navigation bar.

    Kind regards

    Thank you. I just added two pages.

    Your <dv> structure is different between the two websites.

    The following structure belongs to http://vividlyclear.com/blog-2/

    <!-- #branding -->
    										<div id="access" role="navigation" class="twelvecol last clearfix">
    					<div class="skip-link screen-reader-text"><a href="#content" title="Skip to content">Skip to content</a></div>
    					<div class="menu-header"><ul id="menu-nested-menu" class="menu"><li id="menu-item-204" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-204"><a href="http://vividlyclear.com/">Home</a></li>
    <li id="menu-item-202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-202"><a href="http://vividlyclear.com/about/">About</a></li>
    <li id="menu-item-203" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-58 current_page_item current_page_parent menu-item-203"><a href="http://vividlyclear.com/blog-2/">Blog</a></li>
    <li id="menu-item-247" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-247"><a href="http://vividlyclear.com/demos/">Listen! (Demos)</a></li>
    </ul></div>				</div><!-- #access -->

    The following code belongs to http://viviloveith.com/

    <!-- #branding -->
    										<div id="access" role="navigation" class="twelvecol last clearfix">
    					<div class="skip-link screen-reader-text"><a href="#content" title="Skip to content">Skip to content</a></div>
    					<div class="menu-header"><ul><li class="current_page_item"><a href="http://viviloveith.com/" title="Home">Home</a></li><li class="page_item page-item-383"><a href="http://viviloveith.com/about-me/">About Me</a></li><li class="page_item page-item-381"><a href="http://viviloveith.com/new-page/">New Page</a></li></ul></div>
    				</div><!-- #access -->

    When you compare the div tags you will notice that you are missing a few on the following site http://viviloveith.com/, that will probably cause the problem you are experiencing.

    Kind regards

    Where would I add that back in? On the child theme I just have the 404 Template, loop-page.php, and the style.css – and both sites have the exact same.

    It seems like it is in the HTML of the parent Brunelleschi theme but that seems strange because they are sourcing from the same parent. (I copied that folder over using File Manager on my cPanel just to be sure they both were using the same.)

    How could those pieces go missing?

    But most importantly, how do I put it in to the Brunelleschi Child theme? I mean, which php do I need to add to the child or how do I do this so an update of Brunelleschi would not overwrite this fix?

    Thank you for your help with this!!

    You have to make sure you are using the same page template on both websites. The page template must be identical if you want the look to be the same cosmetically speaking.

    I am sure that when you copied them over using Cpanel something must of not copied over, this happens from time to time. I would check both folder in your server to see if every file was copied over.

    Kind regards

    Thank you! I will check that.

    Nope! Everything is exactly the same when I check the folder.

    I am not sure what to do to fix this.

    Sorry that I took a while to check and respond. I was writing.

    Okay, can you now check to see what page template you are using on both websites?

    They are identical.

    You mean the page.php right? It does not have much in it. Here is what it has:

    <?php get_header(); ?>

    <div id="main" role="main" class="<?php brunelleschi_content_class(); ?>">

    <?php get_template_part( 'loop', 'page' ); ?>

    </div><!-- #main -->
    <?php if( brunelleschi_options('sidebar') === __('both','brunelleschi')
    || brunelleschi_options('sidebar') === __('two left','brunelleschi')
    || brunelleschi_options('sidebar') === __('two right','brunelleschi')){
    } ?>
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    I am not sure why your answer did not show up for a long time. Maybe my browser was going to a cache when I refreshed. Odd. Anyway, that is why it took me a long time to respond. Hope you are still online.

    I think you have probably gone offline – and I should too. Hopefully we will connect tomorrow.

    Sorry for not replying earlier but I was a bit busy.

    I have had a look at both links again and they are both working well. I check the following browsers, FireFox, Chrome, IE and Seamonkey and the menu links are identical.

    What ever you did, fixed the problem or perhaps it was the refresh on the browser and or server that did the trick.

    Kind regards

    They are not showing up that way for me. Are you sure you checked the two sites in comparison?


    Yes I have both of them. What browser are you using?

    Actually there is something very strange, if you click on http://vividlyclear.com/blog-2/ and then click on Home you will notice that the menus are the same. If you then click on blog you will notice that the menus are the same.

    Not sure what you meant just now.

    What I see on all three browsers that I have (Chrome, Firefox, and Safari) is that on the http://vividlyclear.com/ all of the pages work fine. The navigation menu is using the 16px font on all of the pages and on the blog the sticky post is white and has the same lines above and below as the rest of the posts.

    However, on http://viviloveith.com/, which is the new site I am setting up, the navigation font remains small and the sticky post has color behind it and the border is different. I can fix the sticky post no problem but can’t figure out why it is different.

Viewing 15 replies - 1 through 15 (of 35 total)
  • The topic ‘[Resolved] Font size in Navigation Menu issue’ is closed to new replies.