WordPress.org

Ready to get started?Download WordPress

Forums

Header wrapping on scaling the browser down (6 posts)

  1. me2412
    Member
    Posted 8 months ago #

    I am having a website on which i am using the delicate theme with wordpress. On my website the header is wrapping once i change the size of the main browser i am working in. My website is rgag.in. can anyone figure the problem out. Thanks in advance.

  2. Noone Here
    Member
    Posted 8 months ago #

    Hello!

    I have checked your site and it looks like that because of some style modifications the responsiveness (it means that the page layout changes somewhat if the visitor's web browser window is smaller than the usual desktop computer display size).

    Regarding the header menu, here is the necessary css code that solves the wrapping to some extent (You should always put your css modifications in a child theme, you can find detailed instructions on how to create one here: codex.wordpress.org/Child_Themes)

    .top {
      width: 100%;
    }
    
    #menu {
      min-width: inherit;
      width: 100%;
    }
    
    .topnav li {
      padding-left: 15px;
      padding-right: 15px;
    }

    Let me know if this helps.

    Greetings,
    Balint

  3. me2412
    Member
    Posted 8 months ago #

    Hi Toth Balint BT,

    Thanks for your reply.

    I did that but it doesnot solves the issue. The site still wraps :(

    I tried some other methods too but none worked for me. Infact i want to add to my previous post-that the entire website wraps i.e sidebar goes down, header wraps and so on...

  4. Noone Here
    Member
    Posted 8 months ago #

    Hello!

    Sorry to hear that.

    I would like to ask, did you make any css or php file modifications to your theme? Because I have installed this same theme on my test WordPress installations, and there is no wrapping happening.

    Balint

  5. me2412
    Member
    Posted 8 months ago #

    For your reference i am posting the style.css of child theme i created now

    /*
    Theme Name: Delicate Child
    Theme URI: http://www.nattywp.com/view-natty-theme.php?theme_id=99900&theme_name=Delicate/
    Description: Delicate Child Theme
    Author: NattyWP
    Author URI: http://www.nattywp.com
    Template: delicate
    Version: 3.5.5
    */

    @import url("../delicate/style.css");

    /* =Theme customization starts here
    -------------------------------------------------------------- */
    .top {
    width: 100%;
    }

    #menu {
    min-width: inherit;
    width: 100%;
    }

    .topnav li {
    padding-left: 15px;
    padding-right: 15px;
    }

  6. WPyogi
    Volunteer Moderator
    Posted 8 months ago #

    Please see:
    http://codex.wordpress.org/Forum_Welcome#Posting_Code

    You also don't need to post CSS code - it's all visible on your site.

    Try switching to the unmodified parent theme to see if you have the same problem. If not, start removing parts of your CSS to find the one that's causing problems.

Reply

You must log in to post.

About this Topic