WordPress.org

Support

Support » Themes and Templates » Header wrapping on scaling the browser down

Header wrapping on scaling the browser down

  • 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Balint Toth

    @tothbalint

    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

    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…

    Balint Toth

    @tothbalint

    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

    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;
    }

    WPyogi

    @wpyogi

    Forum Moderator

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header wrapping on scaling the browser down’ is closed to new replies.
Skip to toolbar