Docs

[mrsnooch]

Hi there,

I am running X-Theme 4.6.1 (Child theme) and Cornerstone version 1.3.0

The page in question is http://bigrockdesigns.badwolfproductions.co.uk/training/adobe/after-effects/ and is an issue with the slide.
As you can see this is full screen, however with the topbar enabled, it’s actually slighter taller than full screen.
Secondly if you scroll down very slowly, the topbar disappears nice and easy, but once gone the slide does this unpleasant jilting motion. Is there something I need to do both to bring the slide to fit the full screen correctly and second to correct this jilt?

Many thanks!
Mark

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

[mrsnooch]

This reply has been marked as private.

[Joao]

Hi Mark,

Please go to Slider Settings on Slider Revolution and replace .fusion-header-wrapper for .masthead on the highlighted box. (see image attached)

Regarding your topbar it seems to be working fine on my end.

Let us know how it goes,

Joao

[mrsnooch]

Hi Joao,

Thankyou, that code seems to have sorted the full screen issue.

Please see this video I have recorded of my screen. I have cleared my cache and also tried in IE and Chrome, same issue in both (Latest version installed of each).

If you mimic this action, are you saying you don’t see this?

https://youtu.be/X-ojDnUa6gw

Thankyou
Mark

[Rupok]

Hi Markm

Thanks for writing back. That’s expected when you are using Fixed Top Navbar along with the Topbar. The topbar will be hidden and the Navbar position will be fixed; meantime it will happen if you scroll slowly. So you can make the Topbar Fixed as well to solve this. Let us know if you want this. Otherwise you need to use Static Top Navbar.

Thanks!

[mrsnooch]

Hi Rupok,

I think a fixed top bar would be best, I really don’t like what it’s doing at the moment.
Do I need some CSS?

Thanks
M

[Joao]

Hi M,

Please add the following code to Appereance Customizer Custom CSS

header.masthead.masthead-inline {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 2000;
}

Hope it helps

Joao

[mrsnooch]

Perfect Joao, that worked a treat, thankyou!

Out of interest, is CSS code in the Customizer safe after a theme update unlike a direct edit of styles.css?

Thanks again
M

[Prasant Rai]

Hello M,

Yes, instead editing CSS directly in style.css file it’s always advisable to use customizer CSS editor or Child theme as your code wont get affected when you update theme.

Thanks.

[mrsnooch]

Thankyou, that’s great thank you!

I have one final question, although it’s menu related. Let me know if I need to start a new topic…

I have 2 levels of drop down, but the menus go to the left rather than the right, how can I change this?
Secondly, can you help me style the drop downs to that they are the exact same as the parent menu? I.e. change the font size, color/hover color etc etc.

I could only find knowledge base articles on megamenus, which I don’t think I’ll need as I won’t have more than 1 column.

Thanks again
Mark

[mrsnooch]

Also, for some reason my slide is no longer full screen :S Even though it was fine yesterday and I haven’t changed anything since??

[Joao]

Hi M,

I noticed your slider is set to full width not full screen,

Also you dont have .masthead but .headerwrap, .headertopwrap

I changed thoses parameters but the issue is still there, do you mind to paste your style.css code on Customizer for now so we can have a look on your code and check if anything is conflicting and generating the issue?

Thanks

Joao

[mrsnooch]

Hi Joao,

I actually double checked .masthead was in earlier and it was? I can see the headerwrap in my other slide, but the slide in question here is the Adobe – After Effects slide, to confirm.

The CSS in my styles.css is as follows, however this is in my actual child’s style.css, and not the Customizer as I noticed yesterday I had to paste code in on a per page basis in order to make changes to my footer widgets, so put this in the overall styles.css instead – is that ok?

Code is;

/*Sets gap under logo*/
.x-navbar .x-brand {
  margin-bottom: 15px;
}
/*Setswidget font size*/
.textwidget {
    font-size: 16px
}
/*Sets widget header font
size*/
.h-widget {
    font-size: 25px !important;
}
/*Sets widget link font size*/
.widget_nav_menu ul>li a {
    font-size: 16px !important;
}
/*Alters padding above and below
the widget area*/
.x-colophon.top {
    padding: 50px 0 50px;
}

Thanks
Mark

[mrsnooch]

Hi

I’ve noticed the home page banner is now full screen which it shouldn’t be, but I copied .headerwrap, .headertopwrap from there and put it in to the correct slide and that seems to have fixed the issue?

But you had said before that should be replaced by .masthead so just want to make sure that’s okay, or why it caused an issue.

Thanks
Mark

[Author]

Posts