Docs

[giveitlegs]

Greetings!

First off, let me just say that (as the owner of well over 200 WordPress commercial themes), X THEME is the Best! I’m not a front end coder by any stretch, and I really just dabble in CSS/JS, so it’s rare to find a theme that can A) Do almost anything you need, and B) Has such an AMAZING support portal as this one, with answers to SOOOOO many esoteric questions on customizing elements (the CSS custom codes posted by support in this forum ALONE are worth the price of the theme), but I digress,… here’s my current question.

I have a “how to” question pertaining to my site here: https://gofitfarm2.wpengine.com

I am using the full demo SPA theme, and working from there to customize it.

I need some help moving the nav menu upwards, and resizing the header for mobile. Current, my site looks like this:

On desktop (no scroll) (screenshot) -> http://screenpresso.com/=QJHWc
On desktop (after scroll) (screenshot) -> http://screenpresso.com/=8KXzg

What I’d like to do is two things:

1 – Reduce the space between the top of the logo and the topbar (see attached screenshot ONE)

2 – Make it so that the custom background image does not shrink quite as much upon scroll, giving the logo and menu a little “breathing room” (see attached screenshot TWO), both on the top and bottom – so the logo doesn’t “bleed” over the bottom edge of the custom header background image and also isn’t “pinned” right up against the very top of the browser UI edge.

Many thanks for any assistance support can lend here! Thanks again for making such an excellent theme. I look forward to showcasing our site when complete here in your forum. 😉

Cheers

[giveitlegs]

For some reason my second image did not upload, so here it is…

[giveitlegs]

Okay, it also didn’t take it a second time, so here’s a hosted screenshot, lol sorry!

http://screenpresso.com/=8iToc

[Rahul]

Hey There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / password
Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks.

[giveitlegs]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! Please look for this block:

@media (min-width: 900px) {
    .x-logobar {
       display: none !important;
       visibility: hidden !important;
    }
    .x-navbar .desktop .x-nav > li.logo-menu-item > a {
        text-indent: -99999px;
        text-align: left;
        width: 200px;
        height: 275px;
        background: url('http://gofitfarm2.wpengine.com/wp-content/uploads/2016/07/Website-Hero-Logo-350x270.png') no-repeat center center;
        background-size: contain;
    }
}

And reduce the height attribute.

Hope it helps, Cheers!

[giveitlegs]

This did help! thank you so much!

Cheers.

[Rupok]

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts