Navigation Bar Overlapping Title (6 posts)

  1. BeautyLoveSpirit
    Posted 3 years ago #

    Maybe someone can help me out, I am using Creativix theme:

    The navigation panel is overlapping my website's title:

    I am not familiar with CSS but I am basic in HTML, so I know that I probably need to update the code (maybe with padding?)

    In my dashboard, I found Appearance > Editor >
    But have so many options to choose from, I don't know where the navigation bar setting is located or what to edit in the code.

    Kindly let me know what steps to take!

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    It's a CSS issue - don't know if you can change in the theme options, but changing the width and the right to these fixes the problems:

    .navigation {
    width: 630px;
    right: 30px;

    However, if you add more items to the menu, it will again overlap and or break to a new line below -- as it's limited space defined by the width.

    Be very sure you are using a child theme.

  3. wiseass
    Posted 3 years ago #

    1. After shortening the navigation bar, i've noticed the title is still not completely shown. It seems as though I can only use 13 characters in the title. Is this correct? How can i fix it?

    2. Also, Can I set the main slider to display only PAGES, and set the mini-slider to only display specific/featured POSTS?


  4. wiseass
    Posted 3 years ago #

    nevermind, found it in

    $wpcx_logo_name = "<div class='logo_text'>" . wpcx_cut_text(get_bloginfo('name'), 13, "") . "</div>";

    EDIT: ok, so my two-word title is 16 characters which caused the header to create a new line for the second word.
    Is there some way to keep the whole title on the same line?

  5. WPyogi
    Forum Moderator
    Posted 3 years ago #

    Did you make the changes -- because they are not showing up now. It may be that the theme automatically changes those styles back to its settings -- same with the 13 characters -- those may be hardcoded. You could probably change them -- but that would involve editing the header.php file (unless it's set somewhere else.). Same with your second question -- theme specific -- looks like Javascript. Try looking on the site where you downloaded the theme from -- it looks like they have a support forum.

  6. diane@pure
    Posted 2 years ago #

    Hi did either of you find a way in shortening the width of the header navigation bar? I want to put my logo to the left of it and not above?

    like displayed here: http://www.wp-themix.org/themes/wp-creativix-free-premium-portfolio-wordpress-theme/

    Would appreciate any help.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic