logo & top navigation spacing/ alignment

Discussion in 'Dzonia WordPress Theme' started by deveshd, Jun 17, 2013.

Thread Status:
Not open for further replies.
  1. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    I have two questions:

    1. I need to use a header instead of just logo and the upload makes it look like a shrink version in the space allowed (see attached screenshot), how do I increase the width allowed for logo so that it spreads as a full width header?

    2. Top navigation is aligned right and continues into second line even though there's blank space on the left. How do I spread the top nav to go full width on page? (see screenshot)
    URL: http://webworxworld.com/client-demo8/
    Screen shot 2013-06-17 at 4.40.25 PM.png
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Go to the header.php file present in your theme directory and edit the theme as shown in the image given below.
    [​IMG]

    and now,
    Paste the following code in the Custom CSS
    Appearance > Theme Options > Styling Options > Custom CSS
    Code:
    .header .logo img {
    max-width: 100%;
    }
    #menu .ddsmoothmenu {
    float: none;
    }
    This will solve your issue.
     
  3. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    thanks! It works... BUT new problem... the top navigation is not fixed and it changes based on screen-size/ browser; how do I make sure that it stays fixed to full width and doesn't spread in second line or leave white space at end. See attached screenshot for details
    2013-06-18_173353.png
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
  5. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Thanks Nitesh. I've sent all the details to support email. Thanks!
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Issue resolved, Please check your website.
     
  7. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Hi Gourav: I checked the website and even - cleared my cache - reset my browser - test on two different computers etc all... BUT the issue remains. Please look into it. Thanks!
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    #menu li a {
    padding-right: 8px;
    padding-left: 8px;
    }
    Adjust the value of padding-right and padding-left as per your requirement to fix the issue.
    This will solve your issue.
     
  9. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Works perfect. thanks!
     
Thread Status:
Not open for further replies.

Share This Page