WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Font size in Navigation Menu issue (36 posts)

  1. IslandOwl
    Member
    Posted 1 year ago #

    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:
    http://vividlyclear.com/blog-2/
    http://viviloveith.com/

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

  2. mbrsolution
    Member
    Posted 1 year ago #

    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

  3. IslandOwl
    Member
    Posted 1 year ago #

    Thank you. I just added two pages.

  4. mbrsolution
    Member
    Posted 1 year ago #

    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

  5. IslandOwl
    Member
    Posted 1 year ago #

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

  6. mbrsolution
    Member
    Posted 1 year ago #

    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

  7. IslandOwl
    Member
    Posted 1 year ago #

    Thank you! I will check that.

  8. IslandOwl
    Member
    Posted 1 year ago #

    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.

  9. mbrsolution
    Member
    Posted 1 year ago #

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

  10. IslandOwl
    Member
    Posted 1 year ago #

    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')){
    get_sidebar('secondary');
    } ?>
    <?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.

  11. IslandOwl
    Member
    Posted 1 year ago #

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

  12. mbrsolution
    Member
    Posted 1 year ago #

    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

  13. IslandOwl
    Member
    Posted 1 year ago #

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

    http://viviloveith.com/
    http://vividlyclear.com/blog-2/

  14. mbrsolution
    Member
    Posted 1 year ago #

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

  15. mbrsolution
    Member
    Posted 1 year ago #

    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.

  16. IslandOwl
    Member
    Posted 1 year ago #

    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.

  17. mbrsolution
    Member
    Posted 1 year ago #

    Sorry that was my mistake, they are two different websites all together.

    I remember above that you mentioned that you copied the whole template from one directory to another directory correct? but if you look at the css path for both, they are both pointing to one place. Try and make sure they are both pointing to each css file correctly. You will have to check the links. I think some of the links are not pointing to the correct file.

    Have a look at this link
    http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

    This will provide some help moving from folder to another folder.

    Kind regards

  18. IslandOwl
    Member
    Posted 1 year ago #

    Wow! I read through that but am not entirely sure that I understand it. I am on the phone with my hosting service (Bluehost) right now. Okay, they have looked at everything and think it is all set up right too.

    The http://vividlyclear.com/ is my main domain and then I have a bunch of sites all running wordpress in addition. They are considered Add On domains; not subdomains because they each have WordPress installed on them and have their own address. (I know I am not wording that well.) But my point is that putting WordPress in its own directory would not really help much.

    What do you mean by "but if you look at the css path for both the are both pointing to one place."?

    If what you mean is the @import url("../brunelleschi/style.css"); I have Brunelleschi installed on both sites so it should be pulling from the parent into the child.

    I just uninstalled and reinstalled Brunelleschi on both sites but that did not change anything. That actually confirmed that the child is pulling the css from the parent on the specific site because the child temporarily "broke" when the parent theme was deleted.

    What a mystery this is!

  19. mbrsolution
    Member
    Posted 1 year ago #

    Okay lets do something different. Make a copy of the child theme on your server and set each of your websites back to Brunelleschi theme "parent theme". Then have a look at the settings on both websites.

    http://viviloveith.com/
    http://vividlyclear.com/blog-2/

    Make sure that the settings for the menu is exactly the same. Once you are happy with that then create a child theme for each website, this is so there is no confusion and we are 100% sure that they work identically. The child theme should be i.e.

    http://viviloveith.com/--create a child theme /brunelleschi-child/style.css

    http://viviloveith.com/blog-2/----create a child theme /brunelleschi-child/style.css

    Lets hope this works and gives us some clue as to what is happening on the back ground.

  20. IslandOwl
    Member
    Posted 1 year ago #

    Great idea and take a look! The same problems are showing up using the Brunelleschi theme!

  21. IslandOwl
    Member
    Posted 1 year ago #

    I think the next step is to switch them over to Twenty Ten or some other theme and see if we see a difference using a different theme.

  22. mbrsolution
    Member
    Posted 1 year ago #

    Yes that is a good idea, this is what you call a process of elimination. I will wait to hear your progress.

  23. mbrsolution
    Member
    Posted 1 year ago #

    Okay I see the menu identical on both websites. Now what if you create a child theme for both websites?

    Also was your theme Brunelleschi updated to the latest version?

  24. IslandOwl
    Member
    Posted 1 year ago #

    Yup. I see the same thing.

    And I was wondering the same thing about Brunelleschi but I just deleted them both and reinstalled them. Still I will check to see if everything is updated.

    You know one difference between the two sites is that I do have more plugins on vividlyclear, but if that was the problem I would expect it to show up on Twenty Eleven too.

  25. IslandOwl
    Member
    Posted 1 year ago #

    Yes, both sites show Brunelleschi as 1.5.9.

    So you would like me to make a child of Twenty Eleven?

  26. mbrsolution
    Member
    Posted 1 year ago #

    Yes that is correct, if it was a plugin issue then you would experience the same issue now with the new theme.

    This is good news in a way because now we know that using different themes your websites work well.

  27. mbrsolution
    Member
    Posted 1 year ago #

    Yes please make a child theme for each website.

  28. mbrsolution
    Member
    Posted 1 year ago #

    I see the menu now is the same on both websites!

  29. IslandOwl
    Member
    Posted 1 year ago #

    I just put Brunelleschi back on both sites to compare the CSS. Interestingly, the CSS for the sticky post says that it should be colored on both sites but on the VividlyClear site it is not colored.

    .home .sticky {
    background: #f2f7fc;

    No, I don't think they are the same. If you have them open in two windows and hold the HOMEs up to each other I still think vividlyclear is a little bigger. Do you? I was looking on Chrome. I will check Firefox too.

  30. mbrsolution
    Member
    Posted 1 year ago #

    Okay from what I can see the menu structure is slightly different from both websites.

Topic Closed

This topic has been closed to new replies.

About this Topic