Responsive Logo & Centred Navigation Bars (6 posts)

  1. Laidir
    Posted 3 years ago #


    I recently purchased the wordpress theme Core. It was supposed to be responsive, but after buying the theme I find that the left logo is not responsive and therefore doesn't reduce down when the browser is made smaller.

    The generic logo that is with the theme is only small so possibly doesn't need to be reduced, and any decent sized logo just encroaches all over the title and top menu when it is seen on iPhone.

    Can anyone point me to any good tutorials on the web that will give me an idea how to make my logo responsive.

    I would also like to centre the navigation bar, but when I do it simply centres all the elements on the page such as logo, menu and social network icons to the left, and because my logo file is larger, all the menu is thrown 2 inches down the page.

    I have written to the theme creator on Themeforest. Many purchasers are complaining because he's recently adjusted the layout of the theme making it central, and he states that he will at some later update create the ability for users to adjust the logo in the backend, but it has been a week , then an update came through yesterday and still no attention has been paid to the unresponsiveness of the logo or the site layout options,

    so I'd like to do these things myself. Just wondering if anyone here can take a look at my scripts and indicate how I centre the menu at the top and how I keep the logo top left and make it responsive.

    These are the only changes I need to make to the theme and it is particularly frustrating to have now purchased a wordpress theme finally to have a designer feel he can just change the layout in updates to any layout he pleases. Not only this but since I only bought the theme a month ago and these layout changes occurred after purchase, I feel I cannot take advantage of any future updates he releases without my theme reverting to his new layout.

    To me is seems silly to change the layout of a theme that hundreds of people have purchased for their websites, instead of duplicating the theme, giving it another name and changing the layout, but giving people choice where those layouts are concerned.

    The designer/developer seems all over the place making changes and updates will nilly and not addressing the main design elements that people purchased the theme for in the first place.

    Having posted to ask for assistance to just make those minor changes and knowing how to adjust scripts but just needing small code changes, its extremely disappointing.

    I complained to Themeforest who say they have no control over what designers do in terms of changes to their themes. I'd really appreciate some help just to get those elements sorted out for the time being - they have offered me to exchange for another theme, but I have wanted this particular theme for two years now and loved the design and layout. I'm just disappointed that some designers have no idea what elements of a wordpress theme should be responsive...e.g. logo, text, images etc.

  2. Laidir
    Posted 3 years ago #

    My site is valeriejefferies.com

  3. WPyogi
    Forum Moderator
    Posted 3 years ago #

    That's certainly unfortunate - but as you probably know commercial themes aren't supported here, and the bigger issues about the developer and TF are really quite outside the scope of these forums.

    That said, as to the CSS, see if adding this works:

    #main_menu {
        display: table;
        float: none;
        margin: 20px auto;
    #custom_logo img {
       width: 100%;
  4. Laidir
    Posted 3 years ago #

    Thank you so much! You rock! That's the nearest I've got to getting those elements sorted all week! The logo now reduces now which is great.

    It's moved the menu, but it looks to be slightly right of centre? Just wondered if that is because of the width of my logo? Or the margin in the css above? (Just that it looks to be more than 20px out?)

    Also the social icons have budged down from the top right by about an inch. Just wondering if you'd know where I would adjust those? I assume that there is some margin measurement somewhere or padding affecting that?

    Thanks for helping.

  5. Laidir
    Posted 3 years ago #

    When I reduce my browser it takes a while before the logo reduces and the other elements, and in the meantime the menu actually goes to two lines instead of one, which I'm thinking is due to another file somewhere. One specifically for the responsive elements.

    I'm just wondering if there is anyway to actually make the elements transition down in a more refined or graceful way than is currently shown and if so, which file I would look in.

    Sorry I was kind of hoping by the above post you were familiar with this template.

  6. WPyogi
    Forum Moderator
    Posted 3 years ago #

    Sorry I was kind of hoping by the above post you were familiar with this template.

    Sorry, I'm not. I just used Firebug to look at the CSS. Since commercial themes are not freely available (one reason they are not supported here), most people here aren't familiar with them. It's quite likely all of the changes you want ARE possible - a browser tool like Firebug should help you identify the CSS you need to change, or you could also try asking on a CSS forum like


Topic Closed

This topic has been closed to new replies.

About this Topic