Overlap Classic Header overlaps inner pages

[Sergio Prados Palomo]

Good Afternoon.

I updated to the pro version of ArilesWP. I’d like to use the Overlap Classic Header but when i do, it also overlaps the content of the inner pages. The front page works fine. This problem doesn’t occur when I use any other header style.

Could you help me with that?.

My URL is iberianps.com

Thanks.

[themearile]

Hi Sergio

Thanks for contacting us.

We have provided the “Overlap Classic Header” support for all pages. Now, please let us confirm do you want to remove “Overlap Classic Header” for inner pages. If yes, so please set the “Overlap Classic Header” on your site and do let me know. then we can check and give you a good solution.

Thanks

[Sergio Prados Palomo]

Hi, thanks for your answer.
The “Overlap Classic Header” is already active so you can check the issue.
Thanks.

[themearile]

Hi Sergio,

Okay, Please add below CSS code in Additional CSS box, Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

@media (min-width: 992px) {
body.page-template-default .navbar-header-wrap.classic-header.not-sticky, 
body.blog .navbar-header-wrap.classic-header.not-sticky {
    background-color: #fff;
    position: relative;
}
body.page-template-default .navbar-header-wrap.classic-header.not-sticky .nav .menu-item .nav-link, 
body.blog .navbar-header-wrap.classic-header.not-sticky .nav .menu-item .nav-link {
    color: #061018;
}
body.page-template-default .navbar.navbar-header-wrap.classic-header .nav .menu-item.active .nav-link, 
body.page-template-default .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover, 
body.blog .navbar.navbar-header-wrap.classic-header .nav .menu-item.active .nav-link, 
body.blog .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover {
    color: #fff;
}
}

Let us know if it works for you.

Thanks

[Sergio Prados Palomo]

Hi.
Thanks for your help. It worked for me.

[Sergio Prados Palomo]

Hi,
I tested it better and the issue was solved in the desktop version but not in the phone one. Also in tablets i still have the same problem.

Thanks.

[themearile]

Hello Sergio,

Ok, Kindly removes the previous CSS code as your given above. Now please add the given below CSS code instead of the previous code. Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

body.page-template-default .navbar-header-wrap.classic-header.not-sticky, 
body.blog .navbar-header-wrap.classic-header.not-sticky {
    background-color: #fff;
    position: relative;
}
body.page-template-default .navbar-header-wrap.classic-header.not-sticky .nav .menu-item .nav-link, 
body.blog .navbar-header-wrap.classic-header.not-sticky .nav .menu-item .nav-link {
    color: #061018;
}
body.page-template-default .navbar.navbar-header-wrap.classic-header .nav .menu-item.active .nav-link, 
body.page-template-default .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover, 
body.blog .navbar.navbar-header-wrap.classic-header .nav .menu-item.active .nav-link, 
body.blog .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover {
    color: #fff;
}
body.page-template-default .navbar.navbar-header-wrap.classic-header.not-sticky .navbar-toggler-icon, 
body.blog .navbar.navbar-header-wrap.classic-header.not-sticky .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(1, 1, 47, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

Let us know if it solved the problem.

Thanks

[Sergio Prados Palomo]

Hi.
Thanks it worked.

[themearile]

Dear Sergio,

Glad to hear it and we are happy to help you. We hope you are enjoying the ArileWP theme.

Please help us improve our customer satisfaction by writing a quick review https://wordpress.org/support/theme/arilewp/reviews/?filter=5 We would be extremely grateful.

Please let me know if you need any further assistance..!

Thank you for your time.

Have a nice day..!

Thanks & Regards
ThemeArile

[Author]

Posts