Header and Footer Questions

[alibi2017]

Hi guys!
Hope you had a nice weekend!

I have a couple of questions about the header and the footer,
Is it possible to align the logo and the end of the header navigation to the layout edges of the portfolio?

https://prnt.sc/gv93t9

Can i Remove the underline of the header in the home page?

https://prnt.sc/gv98jg

Also can the shrinked header have the same dimensions as the top header? (to not shrink)

https://prnt.sc/gv91zh

As for the footer, can I force it to be over the revolution slider on the home-page so it remains always as a fullpage? (without the scroll)

In some pages that the content is not full the footer remains at the center of the page instead of the bottom!

Thanks in advance!

[Zex]

Hello, Alibi!

1.Add the code below into Customizing ▸ General ▸ Additional CSS

code:

body.page-id-121 .site-header .sticky-header .sticky-header-inner{
   
    max-width: 1600px;
   
} 

https://prnt.sc/gvlz4b

2. Add the code below into Customizing ▸ General ▸ Additional CSS

code:

.header_transparent header.header_v2 .sticky-header:not(.sticky-header-shrink)  {
       border-bottom: none;
}

https://prnt.sc/gvibfa

3. Go to: Customizing ▸ Header ▸ Header Logo

Try to set same value on the “Logo Max-Height” and “Logo Shrinked Max-Height”.

https://prnt.sc/gvieyw

4. Add the code below into Customizing ▸ General ▸ Additional CSS

code:

#footer-wrapper {
    position: fixed;
    width: 100%;
    bottom: 0;
}

https://prnt.sc/gvm4yy

Best Regards

[alibi2017]

Hi Zex!

Thanks for the codes, number 2 and number 4 work like a charm! 😀

I added the first code as you showed but got no result on the website!

For number 3 I got the logo sizes to be the same, but when i scroll the primary menu still does the shrinking action, is there a way it can remain centered with the logo?

Is it possible to remove completly the shrinking header from the main page and the scroll bar?

Thanks,
Cheers!

• This reply was modified 5 years, 5 months ago by alibi2017.

[Zex]

Hi,

For the number 1…

You made a typo … It should be “px” instead of “x”

https://prnt.sc/gvp1fp

[Zex]

Hi, Alibi!

As I see, the number 3 is also solved … so I mark the thread as “resolved”.

Best Regards

[alibi2017]

Hi Zex, I still have the scroling problem with the header menu as when scroll down the navigation goes slightly up and does not stay alligned with the logo.

https://prnt.sc/gyj6ct

Also I want to disable any scroll functionality on the main page, as so in chrome and mozzila the nicescroll bar not to appear.

https://prnt.sc/gyj6xw

Thanks!

[alibi2017]

One last question (for now) is it possible to remove the underline/shadow in the shrinked header while scroling in the site?

http://prntscr.com/gyjo1z

[alibi2017]

This reply has been marked as private.

[Zex]

Hello, Alibi!

as always…

1.Add the code below into Customizing ▸ General ▸ Additional CSS

code:

 /*Remove underline shadow */  
.sticky-header {    
box-shadow: none;
    }

/*Center primary navigation link*/
.sticky-header-shrink .sticky-nav li a {

    line-height: 87px;}

/*Disable the scroll functionality on the main page*/

body.home.page
{
    position: fixed; 
    overflow: hidden;
    width: 100%;
}

https://prnt.sc/gyuslm

P.S. We will appreciate If you want to rate us. You can do it on our Agama free theme on this link.

Thank you!

Best Regards

[Author]

Posts