Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 23, 2020 at 9:31 pm #1195572
    eugenebare

    I have two questions:
    One is how to I center the menu below my main menu?
    You can see this on my website home page https://tpcgenerators.com

    Two is how do I remove the “skin-grid” text link below the menu?
    You can see this on this page: https://tpcgenerators.com/home-generators/

    Any advice is appriciated.
    Thanks, Eugene

    March 23, 2020 at 10:11 pm #1195576
    eugenebare

    The menu that says ” Buy a generator – Rent a generator – Service Quote
    is the one I am trying to move to center.

    March 24, 2020 at 12:47 am #1195601
    Jordan Shannon

    Hi,

    For #1 add this to quick css:

    .custom-below-header ul#menu-below-header-menu li {
display:inline!important;
}

.custom-below-header{
height:50px!important;
}

.custom-below-header ul li ul {
top:50px!important;
left: 248px;
}

    I’m not seeing the text for #2

    Best regards,
    Jordan Shannon

    March 24, 2020 at 1:01 am #1195608
    eugenebare

    It looks like it did center but now the words are at the top of the bar and don’t have any padding on top like the bottom. How can I get the same room above the text as i do below it?

    I figured out the second one it was caused by a plugin.

    March 24, 2020 at 1:02 am #1195609
    eugenebare

    Also, which tab in the general styling should I put this css into? Several have Quick Css boxes

    March 24, 2020 at 1:40 am #1195618
    Jordan Shannon

    Hi,

    Add this as well:

    #menu-below-header-menu{
   top:15px!important;
}

.custom-below-header ul li ul {
    top: 35px!important;
}

.custom-below-header .container ul li{
padding-top:0px!important;
padding-bottom:0px!important;
}

    Best regards,
    Jordan Shannon

    March 24, 2020 at 10:06 pm #1197130
    eugenebare

    Thank you, Jordan that worked really well!
    However, on the mobile device, the blue bar does not come down far enough to be behind the third menu item that shifts to the next line down.

    Any advice on that?

    March 24, 2020 at 10:21 pm #1197134
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
#top.home .custom-below-header {
height: 80px!important;
}}

    Best regards,
    Jordan Shannon

    March 24, 2020 at 10:44 pm #1197161
    eugenebare
    This reply has been marked as private.
    March 24, 2020 at 10:44 pm #1197164
    eugenebare

    ordan that worked great!

    The support on this Theme/site is exceptional.

    Kindly
    E

    March 24, 2020 at 10:50 pm #1197193
    Jordan Shannon

    Hi,

    I’m glad that worked and am happy to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Center Menu and Remove "Skin-Grid"’ is closed to new replies.