Ixion Thêm – Mobile Menu Covering Site Title

  • Unknown's avatar
    freysf · Member ·

    I am basically have no experience with creating a modern website, so apologies if I mess up any terminology.

    I’ve started creating my site and am mostly happy with how it looks with the Ixion Theme. The only real issue I have is that the when viewed on a mobile device, the hamburger menu covers part of the site title. I guess what I’d like to do is have the menu appear higher up, above the site title. Is there a way to do that?

    less importantly, can I move the search bar to the left side and be inking with the mobile menu?

    I am currently on the starter plan and purchased the add-on for Custom CSS.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    dragstor · Member ·

    Hi there! 👋🏼

    I suggest trying the following code:

    @media (max-width: 480px) {
    .site-title {
        font-size: calc(5vw);
    }

    .branding-container {
        padding-top: 29px;
    }
    
    #site-navigation {
        padding-top: 0px;
    }
}

    You can add it to your site like this:

    WP
    Add Custom CSS
    in WordPress.com Support
    6 min read
    While most changes can be made with settings in the WordPress editor, you may prefer to use CSS to customize your site if you have experience writing CSS code. This guide will show you how to edit your website with CSS. This feature is available on sites with our WordPress.com Explorer, Creator, and Entrepreneur plans. If your site has one of our legacy plans, it is available on the Pro plan.

    This results in the following:


    (if you can’t see the screenshot, click here)

    Please let us know if you have any further questions! We’re more than happy to help.

  • The topic ‘Ixion Thêm – Mobile Menu Covering Site Title’ is closed to new replies.