(Help) Want to inline main navigation WP

SilentSilver

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

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:
  • Like
Reactions: whitebee and SilentSilver
frizzel

frizzel

Well-known member
Trusted Uploader
Jun 13, 2019
485
253
63
Wherever my imagination takes me
SilentSilver said:
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;
}
Click to expand...
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
 
  • Like
Reactions: SilentSilver and r0manas
SilentSilver

SilentSilver

Well-known member
Trusted Uploader
Dec 16, 2018
296
256
63
India
frizzel said:
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:
Click to expand...
@frizzel & @r0manas any suggestions guys to leverage resource?
 
You must log in or register to reply here.

Similar threads

A
WordPress help, looking to create table-structure with inline replies, but not sure if it is possible
Replies
1
Views
411
Website Support & Development
tuton012
tuton012
salprod
Help me please particles effects doesn't work -wordpress theme -
Replies
1
Views
424
Website Support & Development
MrSam_1
MrSam_1
m1zz
Help Downloading M4S Segmented Videos
Replies
4
Views
538
Website Support & Development
m1zz
m1zz
Kokoth
[NEED HELP] JetFormBuilder add new taxo
Replies
0
Views
286
Website Support & Development
Kokoth
Kokoth
matijang
please help - wp import all woocommerce
Replies
5
Views
474
Website Support & Development
matijang
matijang
Orionshost 70% Off

Latest posts

Forum statistics

Threads
69,498
Messages
910,047
Members
239,989
Latest member
kaka1970

Share this page

Share this page

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

Forums Contact us

User Menu

Login
Community platform by XenForo © 2010-2022 XenForo Ltd.
Top Bottom