(Help) Want to inline main navigation WP

SilentSilver

Well-known member
Trusted Uploader
Dec 16, 2018
296
256
63
India
Hello,
guys please help me to make navigation menu in one line like this:

URL : Spoiler

Screenshot (2).png

Im able to make it in inspect but additional CSS not working here.
CSS I tried :
Code:
@media screen and (min-width: 1200px)
<style>
#ct-header-wrap.ct-header-layout21 .ct-header-main:not(.h-fixed) .ct-header-navigation {
    position: absolute;
    width: 100%;
    max-width: 1200px;
}

Current look :

Screenshot (3).png

Please Help Me
 

r0manas

Well-known member
Feb 5, 2021
337
470
63
In bed 😂
add !important to override the current setting ;)
Code:
max-width: 1200px !important;

EDIT: btw I can say this site is RESOURCE HOGGING on older PC/Device.

These automatic sliders (slider revolution) spikes the CPU

without sliders:

yaWw28D.png


with sliders:

WQQx5bz.png


so If I went to this site and my PC slows down I will DEFINITELY leave it without browsing/reading it ;)

@SilentSilver just keep in mind that not all people use new devices and that this site will lose a lot of traffic because of the RESOURCE HOGGING.
 
Last edited:

frizzel

Well-known member
Trusted Uploader
Jun 13, 2019
485
253
63
Wherever my imagination takes me
jpm-capital.png CSS I tried :
Code:
@media screen and (min-width: 1200px)
<style>
#ct-header-wrap.ct-header-layout21 .ct-header-main:not(.h-fixed) .ct-header-navigation {
    position: absolute;
    width: 100%;
    max-width: 1200px;
}
For a start, your CSS code is wrong. With a media query you need 2 additional brackets, and also it should not have '<style>' within the css. So, it should be:

CSS:
@media screen and (min-width: 1200px) {
    #ct-header-wrap.ct-header-layout21 .ct-header-main:not(.h-fixed) .ct-header-navigation {
        position: absolute;
        width: 100%;
        max-width: 1200px;
    }
}

But yeah, as the previous poster said, this website has some pressing issues to address. It's extremely slow and the console reveals conflicts:

jpm-capital.png
 

SilentSilver

Well-known member
Trusted Uploader
Dec 16, 2018
296
256
63
India
For a start, your CSS code is wrong. With a media query you need 2 additional brackets, and also it should not have '<style>' within the css. So, it should be:

CSS:
@media screen and (min-width: 1200px) {
    #ct-header-wrap.ct-header-layout21 .ct-header-main:not(.h-fixed) .ct-header-navigation {
        position: absolute;
        width: 100%;
        max-width: 1200px;
    }
}

But yeah, as the previous poster said, this website has some pressing issues to address. It's extremely slow and the console reveals conflicts:
@frizzel & @r0manas any suggestions guys to leverage resource?
 

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu